如何制作文字和文本框在移动网站中显得更大

Question

我是开发移动网站的新手，我遇到的问题是文本和文本框以及下拉列表在屏幕上显得过小。使这些看起来更大的正确方法是什么？

感谢。

Answer 1

我认为这就是我想要的

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

这会将宽度设置为设备宽度，以便在加载时页面及其元素显得更大。

Answer 2

不确定您是否正在寻找类似的答案，但以下内容将确保当屏幕宽度最大为480像素（例如iPhone）时，它将改变特定输入类型元素的宽度和高度。根据您的需要进行更改。

@media (max-width:480px) { /* change depending on the mobiles you're targeting */
    input, select { /* add further tags here according to your needs */
        height:300px;
        width:300px
    }
}