我是新來的UI設計 - 想知道處理不同屏幕分辨率的最佳方式是什麼時候定位各種HTML元素? 我認爲使用%年齡會是前進的方向,但事實並非如此!如何處理CSS中的不同屏幕分辨率?
4
A
回答
3
你應該看一看液體佈局。這本書以根據用戶的瀏覽器尺寸的擴大或縮小網頁 -
1
%是正確的方法。如果你開始使用Javascript來檢測分辨率並根據你的代碼很快變成美味的意大利麪條來調整設計。
回到當天,我總是被告知設計的最低分辨率爲800x600,但現在我總是以1024x768的分辨率作爲最低分辨率。
沒有關於設計的更多細節,我們不能真正幫助更多我害怕!
+0
湯姆%年齡和JS是我在尋找什麼做成。這在我看來是最好的方法。 任何你可以指給我的好例子? – aateeque 2011-01-29 18:42:06
2
檢查960grid這是一個可以被最常見的屏幕分辨率整除的佈局標準。
8
有一個在這裏閱讀:http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
你會最感興趣的@media
查詢,特別是max-width
和min-device-width
0
首先看看這對你的作品。 用這個替換你的標籤
現在如果是,比實現這個onload。這將減少你頭痛的100%,並且會爲1366×768的屏幕的筆記本電腦快速劈而不損壞的外觀和感覺較新的,更大,更好的屏幕
var screenHeight = screen.height;
if (screenHeight < 800) {
$('body').css('zoom', 0.8);
} else {
$('body').css('zoom', 1);
}
相關問題
- 1. 不同的屏幕分辨率的CSS?
- 2. 屏幕分辨率和CSS
- 3. CSS屏幕分辨率
- 4. 屏幕分辨率
- 5. 屏幕分辨率
- 6. 屏幕分辨率
- 7. 屏幕分辨率
- 8. 屏幕分辨率
- 9. CSS:不同屏幕分辨率的方形按鈕
- 10. CSS佈局:屏幕分辨率問題
- 11. CSS根據屏幕分辨率
- 12. 在Android中處理背景圖像的不同屏幕分辨率
- 13. Android的屏幕分辨率
- 14. Android的屏幕分辨率
- 15. C++的屏幕分辨率
- 16. 處理屏幕分辨率較高的Android設備,如Samsung Tab
- 17. 如何閱讀屏幕分辨率 - 並更改此分辨率?
- 18. 如何解決不同的屏幕分辨率
- 19. Qt屏幕分辨率初始屏幕
- 20. 更改屏幕分辨率
- 21. 標誌,屏幕分辨率
- 22. Android屏幕分辨率
- 23. Silverlight屏幕分辨率
- 24. Android:Force 480x320屏幕分辨率
- 25. 屏幕分辨率低,xamarin
- 26. WPF和屏幕分辨率
- 27. 適應屏幕分辨率
- 28. 屏幕分辨率問題
- 29. 獲取屏幕分辨率
- 30. 屏幕分辨率問題
是不是術語「屏幕分辨率」更接近像素每英寸?您提到的問題可能被稱爲「屏幕大小」? – 2017-11-16 01:31:29