所有设备上的Meta视口宽度

Question

我有一个宽度为420px的网站，我想让它在移动设备上可见，让它在缩小状态下加载。

所以为此，我使用了：

<meta name="viewport" content="width=420">

这显示我在三星Galaxy S4 手机的纵向模式下的确切显示方式，但当我将其转换为横向时，它会将整个网站扩展到屏幕的整个宽度，看起来太大了。

我也在我的三星Galaxy Tab 3 平板电脑上进行了测试，并且它也在那里进行了扩展（纵向和横向），这显然看起来更糟。

如何在纵向模式下缩小我的手机尺寸（就像现在一样），但在其他更大的设备上显示真正的宽度？

Answer 1

我通过向Meta添加initial-scale=1找到了解决方案：

<meta name="viewport" content="width=420, initial-scale=1">

Answer 2

我认为此视口适用于所有设备

<input type="number">