Question

网页设计中像素、PX与百分比的迷惑

1。电脑属性中的屏幕分辨率是css中的px吗？比如设计一个div的width为200PX
2。电脑分辨率与屏幕尺寸有什么关系吗？
3。如果设置一个层div的width为50%，是不是宽度为显示屏宽度的50%啊？
4。一些网页上写最佳分辨率为1024*768像素，请问这有是什么意思呢？
非常感谢！
那么设置一个层为200px宽，与屏幕宽度没有关系吗？
非常感谢。

Answer 1

我来给你扫盲

首先：
像素就是PX 一个像素就是 1px，是绝对宽度，不随浏览器窗口大小变化而变化
百分比是指占整个浏览器的百分比，比如窗口最大化和调整窗口大小时会跟着变化

其次：
分辨率是以像素作为基本单位的 分辨率为1024*768像素 就是屏幕宽分为1024 列高分为768行的像素矩阵，
当你把分辨率由1024*768像素改为800*600时你会发现你的桌面图标会明显变大

现在回答你的具体问题：
1.上面已经提到屏幕分辨率的意思，如果CSS中是px（即像素），
比如为200PX
屏幕分辨率为1024*768像素 那么其中横向的1024个像素中有200个是被该DIV占用的宽度，无论怎么改变浏览器窗口的大小DIV的宽度都不变

2.电脑分辨率与屏幕尺寸没有直接关系，不过一般不同尺寸的屏幕适合不同的分辨率
比如说 你的屏幕可以选择设置为1024*768像素或者800*600，不过会对显示效果有影响，上面已经提到当你把分辨率由1024*768像素改为800*600时你会发现你的桌面图标会明显变大....不晓得你体会出来了没

3.div的width为50% 不是显示屏宽度的50%，而是浏览器窗口当前宽度的50%，（当浏览器窗口不是最大化时窗口大小可以调整）当浏览器窗口大小改变时 DIV的宽度也随之改变

4.网页上写最佳分辨率为1024*768像素 就是他网页基本上定义为整个页面的宽度大约适合为1024px的，如果分辨率宽度小于1024则很可能网页有横向的滚动条，那样不怎么美观，如果大于1024像素的话 网页两侧则会出现空白，同样影响美观

问题补充：如果你看懂我上面所说的，那么你应该知道答案了 呵呵~~

Answer 2

1.px就是像素
2.跟屏幕的大小没有关系
3.是的
4.在那个分辨率下，效果是最理想的