html5 - 做PC的全屏页面的时候，该怎么设计这个页面在所有屏幕分辨率上不变形？

问题描述

1.要做一个全屏滚动的页面，每个页面内容都比较多，现在我都是宽高百分比显示，但是文字没法缩放，会使页面有些乱。2.ui做的界面是1920*1080的。

问题解答

采用rem定义字号。同时配合媒体查询

简单的响应式media属性,想一些字体，内外边距的单位可以换成rem比较好控制

首先 rem处理自适应布局是不错 但是 rem不兼容IE9以下兼容性要求高的话 写了也白搭其次 移动端用rem布局的时候，文字一般也不用rem，因为由于不同的rem计算方式会产生很多奇怪的大小，使得文字出现糊掉或者模糊的情况，通常使用媒体查询事先设置好body的字体大小，这样来确保文字的正常显示，然后用em控制

至于题主说的是pc端前端的页面基本不需要自适应大小，毕竟浏览器都有放大功能，不过在高分辨率屏幕下，感觉现在页面的字体确实太小所以 如果涉及到因为字体问题 使得布局糊掉的话建议题主还是使用media query 媒体查询来设置在不同分辨率下的字体大小吧；

可以设置背景图片居中对齐，不要限定100%，这样不是最佳。也可以用css3 media媒体查询器。顺便推荐一个做全屏页面的插件fullPage.js

http://www.jq22.com/jquery-in...