網頁沒有調整大小 - 代碼沒有限制

我在這支筆上做了很多事情，並且在某些時候我意識到我無法在低於某個px值的情況下水平調整此頁面的大小。我認爲我沒有明確設定這樣的事情。爲什麼會發生？通常情況下，如何設置一個最大寬度是網頁沒有調整大小 - 代碼沒有限制

.x { 
    min-width: 150px; 
}

我沒有實際做過這樣的事情。 https://codepen.io/that_is_just_wrong/pen/pegRQz

來源

2017-03-02 vc669

我嘗試調整它的大小，它調整了我的大小，即使是最小的瀏覽器可以提供。 – Swellar

你使用什麼瀏覽器？其他瀏覽器的行爲有何不同？ –

打開多個選項卡後，可以使瀏覽器在某個寬度上受到限制，以便以可讀的方式顯示打開的選項卡。在單個窗口（選項卡）中嘗試顯示相同的頁面 –

作爲我的評論中的狀態，瀏覽器窗口中的選項卡數量影響窗口的最小寬度。瀏覽器將爲每個選項卡保留最小寬度，以便它可以被點擊並看作是存在的。作爲一種解決方案，您可以嘗試使用窗口測試您的網站，並且您的網站是唯一的標籤，或者如果您使用Chrome，請檢查該頁面，切換到移動視圖（Ctrl + Shift + M），並且您可以擁有自己的「可調整大小」窗口。與Firefox一樣（Ctrl + Shift + M直接從頁面）。

使用預定義的分辨率或使用您可以創建的自定義分辨率。希望能幫助到你。

來源

2017-03-02 13:18:28

互聯網瀏覽器都有一個最小寬度，在這個寬度下它們不能調整大小。你可以在這裏閱讀更多關於Chrome Browser doesn't scale below 400px?和其他瀏覽器也有限制。這有幫助嗎？

來源

2017-03-02 11:11:29

但是，您可以通過打開開發工具來避開400px問題，將其停靠在右側，然後將視圖和開發工具之間的分隔符移至左側。這可以讓你下降到147px。與此相關。 – NotJustin

As @Dinca Adrian已經注意到，瀏覽器的最小寬度取決於打開的標籤數量。嘗試關閉其中的一些或在新窗口中打開您的網站，並檢查是否有幫助。

來源

2017-03-02 11:19:51 Plenarto

網頁沒有調整大小 - 代碼沒有限制

回答

相關問題