摘要: 方案一:(原创) 情景:根据750宽的设计稿进行排版布局 思路: 先设置视口宽度为750,进行正常排版布局,单位用px,还原设计稿 到此为止,虽然能在手机上正常预览,看起来好像没问题,但当你横竖屏切换时,会发现一个bug,屏幕被放大了而且恢复不回来了。此时,你还是需要把宽度改为设备宽度 <meta 阅读全文
posted @ 2019-04-03 18:20 shelly123 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 情景:父盒子.wrap,子元素.child,实现子元素在父元素中水平和垂直居中 *{ padding: 0; margin: 0; } body,html{ width: 100%; height: 100%; background-color: #eee; overflow: hidden; } 阅读全文
posted @ 2019-04-03 17:08 shelly123 阅读(155) 评论(0) 推荐(0) 编辑