摘要: 1 在index.less中书写具体样式 1.1 其他的公共样式可以继续往common.less文件中缀加 1.2 body样式 1.2 整体结构搭建 1.3 顶部搜索模块 分成三个部分:左、中、右。左右宽度高度给固定大小;中间flex:1,独占剩余空间一份; index.less文件 1.4 ba 阅读全文
posted @ 2020-01-03 15:20 deer_cen 阅读(422) 评论(0) 推荐(0)
摘要: 1. 技术选型 访问地址:m.suning.com 方案:我们采用单独制作移动页面方案 技术:布局采用rem适配布局(less+rem+媒体查询) 设计图:本设计图采用750px设计尺寸 2. 搭建相关文件夹结构 css images upload index.html 3. 设置视口标签和引入样式 阅读全文
posted @ 2020-01-03 11:59 deer_cen 阅读(548) 评论(0) 推荐(0)
摘要: 1. rem适配方案 目标:让一些不能等比例适配的元素达到当设备尺寸发生改变的时候,等比例适配当前的设备。 方法:使用媒体查询更具不同的设备安装比例设置html字体大小,然后页面元素使用rem做尺寸单位,当html字体变化的时候,元素尺寸也会发生变化,从而达到等比缩放的适配。 1.1 实际开发适配方 阅读全文
posted @ 2020-01-03 09:42 deer_cen 阅读(1247) 评论(0) 推荐(0)