如何處理CSS中的不同屏幕分辨率？

我是新來的UI設計 - 想知道處理不同屏幕分辨率的最佳方式是什麼時候定位各種HTML元素？我認爲使用％年齡會是前進的方向，但事實並非如此！如何處理CSS中的不同屏幕分辨率？

2011-01-26 aateeque

你應該看一看液體佈局。這本書以根據用戶的瀏覽器尺寸的擴大或縮小網頁 -

2011-01-26 09:24:17

是不是術語「屏幕分辨率」更接近像素每英寸？您提到的問題可能被稱爲「屏幕大小」？ – 2017-11-16 01:31:29

％是正確的方法。如果你開始使用Javascript來檢測分辨率並根據你的代碼很快變成美味的意大利麪條來調整設計。

回到當天，我總是被告知設計的最低分辨率爲800x600，但現在我總是以1024x768的分辨率作爲最低分辨率。

沒有關於設計的更多細節，我們不能真正幫助更多我害怕！

2011-01-26 09:22:27

湯姆％年齡和JS是我在尋找什麼做成。這在我看來是最好的方法。任何你可以指給我的好例子？ – aateeque 2011-01-29 18:42:06

檢查960grid這是一個可以被最常見的屏幕分辨率整除的佈局標準。

2011-01-26 09:24:02

你會最感興趣的@media查詢，特別是max-width和min-device-width

2011-01-26 09:24:08

首先看看這對你的作品。用這個替換你的標籤

現在如果是，比實現這個onload。這將減少你頭痛的100％，並且會爲1366×768的屏幕的筆記本電腦快速劈而不損壞的外觀和感覺較新的，更大，更好的屏幕

var screenHeight = screen.height; 
if (screenHeight < 800) { 
    $('body').css('zoom', 0.8); 
} else { 
    $('body').css('zoom', 1); 
}

2015-08-21 07:06:48

回答