bootstrap兼容的原理是什么呢？
来源：1-4 响应式布局设计原则
qq_闭上双眼感受世界_0
2017-02-08 15:23
bootstrap兼容的原理
写回答
关注
1回答
-
- qq_黑泽明_0
- 2017-02-09 21:26:57
关键字：媒体查询
判断出终端设备的容器宽度，然后选择性的加载吻合大小的网页，也就是媒体查询。媒体查询写在CSS样式代码的最后，CSS是层叠样式表，在同一特殊性下，靠后的的样式会重叠前面的样式。html头部也要写兼容性，例如：<meta name="viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>。注释：
width=device-width:宽度等于当前设备的宽度
initial-scale=1：初始的缩放比例（默认为1）
maximum-scale=1：允许用户缩放到得最大比例（默认为1）
user-scalable=no：用户不能手动缩放
认识响应式布局
使用Bootstrap前端框架，本教程让网站兼容不同终端不再是梦
132109 学习 · 278 问题
相似问题