最小化后，如何使網站顯示水平滾動條？

Question

因此，我做了一個“實踐”網站，但還沒有真正掌握移動優化。 相反，我想采用許多網站都采用的不同方法。 我希望我的網站在頁面底部顯示水平滾動條，並且僅當站點最小化時才顯示。 我所有的元素大小均以百分比為單位，甚至我所有的div都具有100％的高度和寬度樣式。 我還希望所有元素都保持不變，並且沒有一個元素可以移動或消失。 就我而言，每當我的網站最小化時，就會發生以下情況：

一切（圖像，文本等）都會縮小以適合較小的屏幕尺寸。
一些元素消失，而另一些元素覆蓋它。 （例如，當從引導程序中一行包含兩個'col-md-6'列時，在正常大小下看起來都很好，但是當最小化時，其中一列變得巨大而另一列抓住了存在。
文本中的s扭曲了段落的流程。

我努力了：

overflow-x: auto;
overflow-y: hidden;

作為body，html和div的樣式（分別，不是一次），但這只是禁用了垂直滾動，並且看不到更深的元素。 即使這樣，自動溢出-x仍然無法解決問題

我也嘗試過：

min-width: 800px;

並且創建了水平滾動條，但仍然丟失了一些元素，並且似乎水平滾動條僅足夠長，因此您可以滾動查看整個導航欄。

Answer 1

該網站將嘗試調整為移動視口，您可以通過添加以下內容來防止這種情況：

<head>
    <title>My Website</title>
    <meta name="viewport" content="user-scalable = no">
</head>

或嘗試

<head>
    <title>My Website</title>
    <meta name="viewport" content="initial-scale=1">
</head>

您的視口標簽可能有此問題。

您還需要在主體上設置固定寬度。

最小化后，如何使網站顯示水平滾動條？

問題描述

1 個解決方案

解決方案1
0 已采納 2016-05-29 01:01:35

最小化后，如何使網站顯示水平滾動條？

問題描述

1 個解決方案

解決方案1 0 已采納 2016-05-29 01:01:35

解決方案1
0 已采納 2016-05-29 01:01:35