2017-10-08 168 views
0

我想設置一個最小寬度到我的頁面,以便當我調整瀏覽器窗口時,它應該停在最小寬度值。但我無法去工作。最小寬度的瀏覽器窗口

我嘗試了以下方法,但我仍然可以使它更小。任何人都有解決方案?

body { min-width: 290px; } 

UPDATE: 所以我覺得有什麼,我想我會需要使用一些JavaScript。 CSS只會應用元素,而不應用於窗口。我明白了。此外,我經歷並困惑的是,在調整窗口大小(在我的示例中使其更小)時,實際窗口寬度由當前打開的選項卡確定。窗口只會收縮很少,每個標籤仍然可以點擊。 (如果你有很多標籤打開,比如> 10左右)。

+1

可能重複的[窗口大小調整中的最小寬度](https://stackoverflow.com/questions/3802455/min-width-in-window- resizing) –

回答

-1

你不能阻止窗口通過應用最小寬度到身體或其他任何HTML元素 來調整你只能做的是使用JavaScript

0

爲什麼不呢?看看在下面的代碼: 要見我添加的高度塊200像素

HTML:

<html> 
    <body> 
    </body> 
</html> 

CSS:

html { 
    background-color: white; 
} 
body { 
    height: 200px; 
    min-width: 290px; 
    background-color: gray; 
} 

試試看交互: https://codepen.io/artysimple/pen/mBxeNK?editors=1100

我想要ce在您的網站上的主要內容我建議您使用全球級容器爲此。

相關問題