苏宁移动端页面案例

整这个flexible.js还下载了github 下老半天又看不懂不会用啊啊啊真烦躁

苏宁往移动端首页

方案： 我们采取单独制作移动页面方案

技术：布局采取rem适配布局（less+rem+媒体查询）

设计图：本设计图采用750px设计尺寸

1. 搭建相关文件夹 与以往一样

2. 设置视口标签以及引入初始化样式

4.设置公共common.less文件

1. 新建common.less 设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要

1. 我们关心的尺寸有320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px

1. 划分的份数我们定为15等份 4.因为我们pc端也可以打开我们苏宁移动端首页，我们默认html字体大小为 50px，注意这句话写到最上面

除或乘 加上小括号 才能形成css文件运算的正确数值

大盒子内可以装小盒子 样式也一样