响应式
Posted oneduan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了响应式相关的知识，希望对你有一定的参考价值。
css响应式布局{手机（app）、 平板 pc、（桌面、电脑）}
国外（自适应响应式布局）
中国（手机和电脑两种）
@midle媒体查询，通过改变屏幕尺寸screen（宽度width）来达到页面的自适应
采用继承的width（100%）的方式
em是相对长度单位，相对于当前对象内文本的字体
IE8及更新早版本外，所有的浏览器均支持rem
适用于响应式布局，尽量避开一个单位
pc：@madia screen and （max-with：1000px）{css代码}
平板：@madia screen and （min-with：768px）and（max-width：999px）{css代码}
APP：@madia screen and （min-with：767px）{css代码}
pc：三栏
平板：两栏
App：一栏
以上是关于响应式的主要内容，如果未能解决你的问题，请参考以下文章