html - 网站在某些手机上没有响应

Question

我们有一个单页网站，响应式构建，在大多数手机中它看起来都是响应式的。但是，在某些智能手机中，它只是缩小了。这似乎是由于中间的图像(4 个灰色框，中间有彩色点)比手机的宽度宽得多，我们不明白为什么。

这是它应该看起来的样子(并且在大多数移动浏览器中看起来确实如此):

这是它在某些移动浏览器中的显示方式(全部缩小，图像拉伸(stretch)网站):

我们当然使用了标签

<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 和(最大宽度:980px){

tutorial