jquery - 如何强制删除所有媒体查询并只坚持一种尺寸

Question

这违背了所有网页设计的基本原则。基本上，我得到了一个从桌面到移动的网站，只是他们从未完成移动或平板电脑。客户不再需要移动版本，他只希望所有屏幕都能适应并且在所有屏幕尺寸下看起来都一样。我告诉他，这就像删除移动媒体查询一样简单，只是现在我在浏览器上缩小了页面，整个事情变得一团糟，因为移动媒体查询丢失了。我能做些什么？更改元标记有什么作用吗？

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

Answer 1

这是一篇关于您的代码的好文章:http://css-tricks.com/snippets/html/responsive-meta-tag/

如果您提供更多代码或向我们提供指向您客户站点的链接(如果可能)，事情会更容易。不过，我可以让您检查您的 .css 文件中是否有 @media 标记，寻找类似这样的内容:

@media only screen and (max-width: 1330px){
  .main{
    width:830px;
  }
  .content{
    width:480px;
  }
}

您还可以使用 !important 属性来设置某些元素的宽度。它会说该元素忽略所有其他宽度值。但最好不要这样做，并手动检查所有代码以查找为移动设备编写的一些 css 技巧。

您可以在此处阅读有关 @media 的更多信息:http://www.w3schools.com/cssref/css3_pr_mediaquery.asp