1、媒体查询方式
关于下面两种技术选型的demo演示
码云链接gitee.com参照苏宁手机端布局方式
基于设计稿是iphone6 开发 宽度750px
以下是苏宁移动端所涉及到的尺寸范围
我们关心的尺寸有320px 360px 375px 384px 400px 414px 424px 480px 540px 720px 750px
因为我们pc端也可以打开页面，所以我们默认html字体大小为50px
假定现在设计稿的宽度为750px 我们将页面划分为 15等分
我们类比一下em的计算方式
谷歌浏览器默认字体大小 16px，测试如下
<body>
<div></div>
</body>
div{
width: 2em;
height: 2rem;
border: 1px solid;
box-sizing: border-box;
}
div的最终宽度等于32px
于是我们得到下面
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
