Mobile 为什么我的网站会因手机而缩水？

主div为600像素宽。据我了解，iPhone5的宽度为640像素。但当我在iPhone5上打开网站时，主分区只占据了屏幕的一小部分，也许是三分之一。为什么呢

---

所以我看到IOS缩小了内容，这样当使用css转换时，整个页面都会显示在手机屏幕上

因此，令人不快的css是

            background: url('/images/mobile-device-down-arrow.gif') no-repeat center; 
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg) scale(1);

我们将其替换为

            background: url('/images/mobile-device-up-arrow.gif') no-repeat center; 

它解决了这个问题

---

我记得webkit中有一个bug，但我现在找不到它。

这件事刚刚发生在我身上，我设法解决了这个问题，将正在收缩的受影响元素包装在一个div中，该div定义了元素需要的确切宽度，在我的例子中是：

width:calc（100vw-2rem）

希望这能帮助任何有此问题的人，它似乎只发生在移动设备上，当以任何正角度使用带过渡的旋转变换时，就像移除变换时，元素还原为0度而不收缩一样。
您使用css变换吗？比如旋转一个图像，可能吧。它是用Raphael库构建的，Raphael库提供了一个Javascript接口，可以比jQuery更有效地操作DOM元素。因此，基本上，如果我使用转换，我就注定要失败了？这就是我们发现的。一旦我们更换了转换代码，我们就不再有网站缩小的问题。