问答详情
源自:1-4 响应式布局设计原则

bootstrap兼容的原理是什么呢?

bootstrap兼容的原理

提问者:qq_闭上双眼感受世界_0 2017-02-08 15:23

个回答

  • 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:用户不能手动缩放