网页设计中像素、PX与百分比的迷惑
我来给你扫盲
首先：
像素就是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像素的话 网页两侧则会出现空白，同样影响美观
问题补充：如果你看懂我上面所说的，那么你应该知道答案了 呵呵~~
上一篇：男生学电脑好吗
多重随机标签