网页中像素与百分比的区别

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




答案
首先：
像素就是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像素的话 网页两侧则会出现空白，同样影响美观