css - CSS Media Query最近不适用于iPad

我一直在使用i pad的一些媒体查询，直到2、3天前它们都工作正常。但他们只是停止工作。我的i pad无法识别媒体查询，而它们仍在firefox本地响应设计测试视图和其他在线网站中工作，以检查响应设计。
我的主动查询在头中有视图端口
HTML格式

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2"/>

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {  //for landscape

@media screen and (min-width: 755px) and (max-width: 1024px) and (orientation : Portrait) //for portrait.

然后也试过这些

@media screen and (min-device-width: 768px) and (orientation:portrait){
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {

@media screen and (min-device-width: 1024px) and (orientation:landscape){
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) and (min-width : 768px) and (max-width : 1024px)
and (orientation : landscape)  {

//此外，我还尝试了另一个视图端口元标记
喜欢

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=2"/>

但运气不好
我不知道我在哪里做错了，但这一点很重要。请帮忙，任何帮助都将不胜感激

最佳答案

尝试元内容：

<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=device-width">