Question

css里面px和%的问题

我的屏幕是宽屏22寸的，设置为1680*1050的像素
用css写的单位是px，当我换一个分辨率的时候，显示的就不怎么好看，请问如果要让所有分辨率和不同屏幕看到的效果都一样是不是要把px改为%形式？

Answer 1

css里面px和%的问题，即单位转换问题，前端页面排版，做自适应常常会遇到，这里以640px的手机端常用宽度为例，一般手机端建议宽度用百分比，高度用rem单位，web端建议用px和em：

1.如果一个导航有横向5个图标，那么640px的宽度，每个容器平均下来则为128px，转换成百分比则为25%(640px则为100%)，百分比方便计算，自适应。

.nav{width:20%;}或.nav{width:128px;}

2.如果是320px的五个图标，则20%的宽度需要设置为64px。

.nav{width:20%;}或.nav{width:64px;}

Answer 2

可以，把宽度改成90%，这样浏览器会随着显示器的宽度的多少自动伸缩，前提是网页里面内容的总体宽度不超过最小分辨率显示器的宽度

Answer 3

不是这样的，网站通常宽度是950px，960px。至于你说的情况，因为你的浏览器分辨率高，这不仅仅是屏幕大，也代表像素高，显示清楚。那么到底分辨率上，由于视觉的原因会觉得不清楚。

Answer 4

不一定要写这么大的分辨率,你要考虑大多数用户的情况
可以试试把它长度设置成90%,再用minlength属性设置:如果屏幕小于你设置的最小值,则不再缩小,按你设置的最小值显示
你可以将浏览器取法最大化,再拖动窗口大小查看设置是否成功

Answer 5

页面设计的时候，就要考虑把主体部分确定宽度居中，背景100%