我在我的機器中設計了一個(非響應)網站,其原始分辨率爲1920x1020。但是,現在的大多數機器都是以1366x768的分辨率顯示的,在這個分辨率下,我的網站看起來很不穩定。我希望它以特定的固定分辨率加載。我怎樣才能做到這一點?如何使網頁加載到特定的分辨率?
-6
A
回答
3
你不能。
瀏覽器不提供API來重新配置用戶的圖形驅動程序。
即使有可能,這將是一個可怕的想法,因爲現代屏幕在不以原始分辨率運行時傾向於渲染不良。
3
設計一個網站,只有在1920x1020看起來不錯,不是一個好主意。有兩個基本選項:
將您的所有內容包含在一個固定寬度的
<div>
中。然後使用該寬度作爲您設計的基礎。使用margin-left: auto
和margin-right: auto
來獲取中間的內容。這是Stack Overflow的設計方式。在更大的屏幕上,兩側會有空的空間。在一個較小的屏幕上會有一個滾動條。創建適當縮小的響應式設計。更好但更好。
-3
那就是所有你需要做的
body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#mainContentDivInsideBody{
margin:auto;
width: 990px; //or more
height: 100%;
}
1
- 有瀏覽器插件,可以幫助你在今年年初。他們調整你的大巴來調整你想測試的大小。對於鉻你可以使用這個擴展
https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal
你可以找到類似功能的firefox插件。 - 如果您想對您的網站的響應速度進行粗略檢查,然後在瀏覽器中檢查較高分辨率的縮小比例。對於較低的分辨率,您可以放大。但這裏的缺點是您只能以具有相同寬高比的分辨率進行可視化處理,因此您需要將瀏覽器調整爲特定的寬高比,然後進行縮放。
希望這會有所幫助。
相關問題
- 1. 檢測頁面的分辨率和加載特定頁面
- 2. 如何使網站自動縮放到特定的分辨率?
- 3. 舍入數到特定分辨率
- 4. 如何計算分辨率根據某個特定的分辨率?
- 5. CSS,頁面分辨率獨立網頁
- 6. 適合分辨率的網頁
- 7. 網頁上的視頻分辨率
- 8. 重載分辨率
- 9. 如何使網頁與所有分辨率兼容?
- 10. 如何根據分辨率使我的頁面加載不同的圖像?
- 11. 針對特定分辨率的調試
- 12. 如何添加指定的延遲到承諾的分辨率
- 13. 網頁不同分辨率擬合
- 14. 根據分辨率更改網頁CSS
- 15. 如何在UIWebView中加載網頁的特定部分?
- 16. 如何從外部網頁加載特定DIV到我網站的特定DIV?
- 17. modf的過載分辨率
- 18. 以特定分辨率保存MATLAB圖
- 19. 如何查看不同分辨率的網頁
- 20. 網站分辨率修復Javascript中的所有分辨率
- 21. 加載Javascript屏幕分辨率重置
- 22. 加載高分辨率背景圖像
- 23. 在網頁正在加載前獲取屏幕分辨率的方法
- 24. 網頁應用中的Android屏幕分辨率不恆定
- 25. 如何找到setitimer()的分辨率?
- 26. 網站分辨率問題
- 27. UIGraphicsGetImageFromCurrentImageContext()視網膜分辨率?
- 28. 超載模板分辨率
- 29. 超載分辨率,CPP
- 30. 重載分辨率奇怪
使其響應。爲什麼你設計了一個不是標準顯示器分辨率的網站? –
將其轉換爲引導程序。 – Anup
「現在絕大多數機器的分辨率都是1366x768」 - 這是不正確的。如今,人們可能會在各種設備/解決方案中查看您的網站,因此您需要考慮到這一點。您應該考慮使用CSS3媒體查詢來響應 – wickywills