网站在某些手机中没有响应

Question

我们有一个单页网站，响应性地构建，在大多数手机中它看起来很敏感。 然而，在一些智能手机中，它只是缩小了。它似乎是由中间的图像（4个灰色框，它们之间有彩色点）比手机的宽度宽得多，我们不明白为什么。

这应该是它应该看起来（并且在大多数移动浏览器中看起来）：

这就是它在某些移动浏览器中的显示方式（全部缩小，图片拉伸网站）：

我们当然使用了标签

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

可能导致差异的原因是什么？

Answer 1

我认为您不需要比例尺，比例尺用于缩放，如果您使用媒体屏幕，则可以让您的网站对每部手机负责，如果您需要，您可以在每部手机上支持您的网站使用（示例）：

<!--[if lt IE 9]> <- this is the code for supporting

在此示例中，代码仅为网站提供Internet Explorer 9的额外支持

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif] -->

things what different brwosers support

那些非常好（例子）：@ media screen和（max-width：980px）{

tutorial