網頁中畫素與百分比的區別

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畫素的話網頁兩側則會出現空白，同樣影響美觀