Css @媒体查询不适用于表单

我被@media查询用于创建响应性网站。当我查看页面时，它对所有设备的响应都很好。但是，当在手机上查看时，只要选择表单字段，设备就会忽略我的@media规范。这种情况不会发生在平板电脑或台式机上，只有在单击表单字段时才会发生

@media only screen and (min-width:200px) and (max-width:720px) and (orientation:landscape){}

我也在我的html中使用这个

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

你可以看看这个吗？不确定这是否与您面临的问题相同，可以尝试仅应用

，而不使用所有额外选项。可能是移动浏览器无法读取所有这些属性。我猜一下