CSS停止縮小頁面上的所有元素

有沒有辦法阻止所有元素 - Div的表格，圖像等縮小。所以，當瀏覽器變得更小時，用戶將不得不滾動瀏覽頁面？CSS停止縮小頁面上的所有元素

例如：http://uk.godaddy.com/

在我的包裝類我已經試過各種事情這樣的：相對

width: 100%; 
min-width:100px; 
width: auto

位置;

我工作在瀏覽器的第一縮放但第二一個coupld後的這一切收縮

來源

2014-04-26 wilky

在您的包裝，以像素爲單位設置固定寬度，像

.container { 
    width: 1200px; 
    margin:auto; 
}

此外，margin:auto;會讓你的容器水平居中。

它可能縮小的原因可能是width:100%;或width:auto;。當您的瀏覽器寬度達到容器的寬度時，容器的寬度將調整爲使頁面變小的瀏覽器（以適應屏幕）。

如果你想實現比GoDaddy更好的東西，你應該閱讀關於響應式網頁設計和媒體查詢。也許你可以用這種方式調整你的佈局，它會更好地顯示在更小的屏幕上（沒有任何水平滾動條）。

來源

2014-04-26 16:01:27

嗨，謝謝我在'px'中添加了margin：auto的寬度，並且它停止了縮小的東西。我想知道這是如何影響其他領域的，例如當用戶在較大或較小的屏幕上查看網站 – wilky

由於您有保證金：auto;屏幕較大的用戶會看到您的頁面居中。您可以通過調整瀏覽器的大小來嘗試它（CTRL +「 - 」）。它應該給你一個概述。在較小的屏幕上 - 如您所願，該頁面將水平滾動。但只要你的頁面不能移動，你就不必擔心這一點。有關分辨率的統計信息，請參閱W3 http://www.w3schools.com/browsers/browsers_display.asp。 –

在你的包裝/容器類，這樣做

.wrapper{ 
    width:1200px; 
    margin: 0 auto; 
}

牢記使「PX」所有測量。在「.px」中給出寬度，高度等，然後你就可以開始運行了。

來源

2014-04-26 16:08:41 Kashif

給你包裝一個固定的寬度，如

width: 1000px;

原因最小寬度：100像素可能不爲你工作，是因爲它可以讓裏面的元素萎縮直到瀏覽器窗口是100px的或更小。寬度100％與使用戶滾動相反，因爲無論窗口多小，您的容器都將被強制爲100％的寬度。

來源

2014-04-26 16:11:11 ahaurat

CSS停止縮小頁面上的所有元素

回答

相關問題