Html 垂直滚动会影响“最小宽度”属性

为

360px

设置最小宽度属性时，如果出现水平滚动，则窗口宽度值上显示的垂直滚动将大于

360px

。有没有一种方法可以在不将像素减至最小宽度的情况下更改此设置

Css:

---

原因：假设您只支持屏幕宽度超过360px的设备。您将“最小宽度”设置为360px，但由于垂直滚动条，当屏幕宽度为~360-370px时，会出现水平滚动条

只需添加

溢出：自动。当您的屏幕为360px及以上时，它会消失

.App {
  min-width: 360px;
  overflow: auto;
}

有效的方法是先移动——假设最小的设备内存更少，功耗更低。所以，@media是更大的

重要-测试它，你有更多的css，它可以影响


*，：：之前，：：之后{框大小：边框框；}
正文{边距：0；高度：100%；}
.App{max width:100%；}/*这将阻止水平滚动*/
@媒体和（最小宽度：360px）{.App{min width:360px}
/*仅用于代码段的css*/
正文{背景：#222；文本对齐：中间}
div{背景：fff；颜色：海军蓝；边距：5vh自动；溢出：自动；填充：2vh 0；}
div div{背景：红色；颜色：金色}
300px x auto.App
360px x auto.App
400px x auto.App
您能更清楚地说明您的问题/要求吗？@Nitheesh水平滚动条应仅在窗口大小小于360px时出现；如果不想显示水平滚动条，可以在html css选择器上执行
overflow-x:hidden
。此外，屏幕尺寸的说明，任何该尺寸的设备；如果是移动设备，它通常不会像在浏览器中那样显示垂直滚动条。@JakeB。我确实希望在<360px的屏幕上显示它，但在>360px的屏幕上不显示水平滚动条，这可能会导致上面的屏幕上不显示水平滚动条，包括360px，可能需要设置为361px以避免交叉
@media（最小宽度：360px）{html{overflow-x:hidden}
。
.App {
  min-width: 360px;
  overflow: auto;
}