2014-01-10 59 views
-6

我在我的機器中設計了一個(非響應)網站,其原始分辨率爲1920x1020。但是,現在的大多數機器都是以1366x768的分辨率顯示的,在這個分辨率下,我的網站看起來很不穩定。我希望它以特定的固定分辨率加載。我怎樣才能做到這一點?如何使網頁加載到特定的分辨率?

+4

使其響應。爲什麼你設計了一個不是標準顯示器分辨率的網站? –

+0

將其轉換爲引導程序。 – Anup

+2

「現在絕大多數機器的分辨率都是1366x768」 - 這是不正確的。如今,人們可能會在各種設備/解決方案中查看您的網站,因此您需要考慮到這一點。您應該考慮使用CSS3媒體查詢來響應 – wickywills

回答

3

你不能。

瀏覽器不提供API來重新配置用戶的圖形驅動程序。

即使有可能,這將是一個可怕的想法,因爲現代屏幕在不以原始分辨率運行時傾向於渲染不良。

3

設計一個網站,只有在1920x1020看起來不錯,不是一個好主意。有兩個基本選項:

  1. 將您的所有內容包含在一個固定寬度的<div>中。然後使用該寬度作爲您設計的基礎。使用margin-left: automargin-right: auto來獲取中間的內容。這是Stack Overflow的設計方式。在更大的屏幕上,兩側會有空的空間。在一個較小的屏幕上會有一個滾動條。

  2. 創建適當縮小的響應式設計。更好但更好。

-3

那就是所有你需要做的

body{ 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    width: 100%; 
} 

#mainContentDivInsideBody{ 
    margin:auto; 
    width: 990px; //or more 
    height: 100%; 
} 
1
  1. 有瀏覽器插件,可以幫助你在今年年初。他們調整你的大巴來調整你想測試的大小。對於鉻你可以使用這個擴展
    https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal
    你可以找到類似功能的firefox插件。
  2. 如果您想對您的網站的響應速度進行粗略檢查,然後在瀏覽器中檢查較高分辨率的縮小比例。對於較低的分辨率,您可以放大。但這裏的缺點是您只能以具有相同寬高比的分辨率進行可視化處理,因此您需要將瀏覽器調整爲特定的寬高比,然後進行縮放。

希望這會有所幫助。