本文介绍了移动Web开发中的视口概念，包括视觉视口、布局视口和完美视口，强调了如何通过设置viewport实现布局视口与视觉视口的匹配，以达到良好的页面适配效果。同时，讨论了REM作为单位在响应式设计中的应用，以及百分比适配的局限性，旨在确保不同设备上元素尺寸的等比例缩放，保持设计的一致性。
1.视口：视觉视口、布局视口、完美视口（让布局视口与视觉视口相等，就是完美视口）
-视觉视口：就是我们看到的手机的窗口的大小
-布局视口：就是我们网页的大小（原本的布局视口要大于视觉视口）
使用viewport适配就可以：（缩放比为1：1，就是让视觉视口与布局视口一样，）
rem适配（root element：即根节点字体的大小）：在开发时，ui提供一套设计稿，为了能在不同的手机上呈现一样的效果（一致的最终目标是等比例，手机屏幕大，元素就大，小就小，动态的变化）
百分比适配：就是等比列缩放，几乎不用（比如在一个小屏幕上使用一个图片大小为20*20，如果去原来屏幕两倍大小的设备去投放这个页面，那么图片大小就变成了40*40，可能会导致图片模糊发虚
扫一扫
443
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
