一、视口标签设置
参考 【移动端网页布局】移动端网页布局基础概念 ③ ( meta 视口标签简介 | 利用 meta 视口标签 设置 网页宽度 / 是否允许用户缩放 / 初始缩放比例 / 最小缩放比例...=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
meta 视口标签属性含义 :
name 属性指定了 视口的名称 为 viewport...;
content 属性中的参数 用于设置 视口大小 和 缩放比例 ;
width=device-width 样式 设置 网页宽度 = 设备宽度 , 即 理想视口 ;
user-scalable=...在移动端网页布局中 , 网页布局宽度 = 移动设备宽度 , 因此在进行布局时 , 可以为网页布局的主体 标签设置 100% 宽度 ;
2、设置布局最大宽度
将 京东 手机端页面 , 拉倒最大便不再放大..., 如下图所示 ,
这是因为该页面设置了最大像素 ;
一般移动端页面最大像素设置为 980 像素 ;
3、设置布局最小宽度
将京东的 手机端 页面宽度压缩到最小 , 如下状态时 , 就不能再进行压缩了