我使用@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">