在智能手机上选择尺寸为正常尺寸

2024-04-27

在我的网络应用程序中，我创建了一个选择size: 5，正确显示，您可以从图像中看到：

当我在移动设备上打开应用程序时，我得到的是这个维度：

您如何看到尺寸不正确。我通过代码而不是CSS设置尺寸。我再说一遍，这在桌面上有效，但在移动设备上不起作用，为什么会发生这种情况？

JSFIDDLE https://jsfiddle.net/7hc6f1xL/

CODE:

<select style='width:200px' size="5"></select>

你必须在css中设置媒体以允许它在移动设备中正确打开，如果你使用bootstrap，它已经适合移动设备的布局。如果没有，您必须手动指定它。

    @media only screen and (max-height:480px) and (orientation:portrait) { 
    .text-box
     { width: 200px; 
       size: 5;
     }

在你的html中：

<select class="text-box"></select>

快乐编码..;)

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html