Question

主要div为600像素宽。根据我的理解，iPhone 5的宽度为640像素。但是当我在iPhone 5上拉网站时，主要div仅占用屏幕的一小部分，可能是三分之一。那是为什么？

Answer 1

所以我看到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中有一个错误，但我现在找不到它。

Answer 2

这只是发生在我身上，我设法通过将div缩小后的受影响元素包装在div中来解决此问题，该div定义了该元素所需的确切宽度，在我的情况下为：Scaffold-DbContext Name=ConnectionStrings.my_key Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models

希望这可以帮助任何有此问题的人，它似乎仅在移动设备上使用，并且在以任何正角度进行过渡时使用旋转变换，就像在移除该变换时一样，该元素会还原为0deg而不会缩小。

为什么我的网站缩小了移动设备？

2 个答案: