我怎能不切下位於左側時，它不適合在屏幕中心對齊頁面？

Question

我有一箇中心的頁面，它得到關於iPad和一些瀏覽器左側切斷，特別是如果含量比屏幕寬。我怎樣才能確保左側不會被切斷（或者如果屏幕太窄，它會左對齊）？這裏是頁面： http://nextgenhealth.com/

謝謝！

Answer 1

一種選擇是使用CSS3媒體查詢。

例如，設置用於當自己的內容將從爲中心被錨固到所述左開關的閾值。

在你的CSS：

@media all and (max-width: 600px) { 
    /* styles for when the browser is left than 600px in width */ 
    #site-body-content { 
     left: 0; 
     margin-left: 0; 
    } 
} 

@media all and (min-width: 600px) { 
    /* style content when our browser is greater than 600px in width */ 
    #site-body-content { 
     left: 50%; 
     margin-left: -600px; 
    } 
} 

這應該涵蓋移動Safari但遺憾的是媒體查詢僅在IE 9版本開始支持。兼容性信息：http://caniuse.com/css-mediaqueries

或者，你可以檢查在加載瀏覽器的寬度，並聽取窗口調整事件在Javascript並相應地更新你的CSS。