如何将视口缩放到最小宽度

Question

问题：我的网页看起来很糟糕＆lt; 480px并且没有向用户显示足够的相关信息。

尝试解决方案：

• （例如320px屏幕）将初始比例设置为1.5，但是我需要相应地设置所有屏幕尺寸在320-480px之间的比例。
• （例如320px屏幕）将视口的宽度设置为480px，但是这使得您需要在屏幕上滚动而不是像设置缩放那样缩小。

问题：我需要的是这两种解决方案的组合。一个将扩展我的视口，但只有它显示一个最小宽度，如屏幕上的480px内容。这可能没有javascript或解决方案＃1我需要做什么？

其他注意事项：解决方案需要适用于所有浏览器/移动设备（IE11 +）

Answer 1

我不是100％确定你要做什么，但如果我理解正确，你可以在css中设置它。将宽度设置为100％将使其对视口窗口和视频保持灵活性。设置最小宽度不允许它小于它。

html,body { 
     width: 100%; 
     min-width: 480px;
     height: auto;
}

Answer 2

您是否尝试过使用媒体查询？

例如：

@media screen and (min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}