移动端页面尺寸之一倍图二倍图三倍图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端页面尺寸之一倍图二倍图三倍图相关的知识,希望对你有一定的参考价值。

参考技术A 一倍图:设计稿320px 原名.png。
二倍图:设计稿640px 原名@2x.png
三倍图:设计稿750px 原名@3x.png

设置最大宽度最小宽度:父盒子要设置max-width min-width

给盒子设置最大宽度与最小宽度就是为了解决移动端自适应问题

设计稿为二倍图时:

给父盒子设置最大宽度最小宽度

当子盒子设为固定定位的时候 因为定位元素参考的是视口的位置 所以我们需要给子盒子设置一个最大宽度与最小宽度 防止乱跑

以上是关于移动端页面尺寸之一倍图二倍图三倍图的主要内容,如果未能解决你的问题,请参考以下文章

vue的移动端响应式尺寸单位配置/二倍图

第二周周报

控制移动端页面的缩放(meta)

iphone端的H5页面怎么适配iphone5-7p

移动端Web开发 基础知识

移动端单位介绍