網站在某些手機中沒有響應

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）{

教程