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

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] -->

不同的brwosers支持的东西

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

教程