移动端页面尺寸之一倍图二倍图三倍图
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端页面尺寸之一倍图二倍图三倍图相关的知识,希望对你有一定的参考价值。
参考技术A 一倍图:设计稿320px 原名.png。二倍图:设计稿640px 原名@2x.png
三倍图:设计稿750px 原名@3x.png
设置最大宽度最小宽度:父盒子要设置max-width min-width
给盒子设置最大宽度与最小宽度就是为了解决移动端自适应问题
设计稿为二倍图时:
给父盒子设置最大宽度最小宽度
当子盒子设为固定定位的时候 因为定位元素参考的是视口的位置 所以我们需要给子盒子设置一个最大宽度与最小宽度 防止乱跑
以上是关于移动端页面尺寸之一倍图二倍图三倍图的主要内容,如果未能解决你的问题,请参考以下文章