某些手机上的站点没有响应

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