当我在智能手机(iPhone)或MacBook上使用Safari浏览器检查我的网站时,我的网站的某些元素比浏览器窗口更宽。身体标签。我使用开发工具检查了网站,似乎它的宽度从600像素开始到下面。我在Chrome中看不到这个问题。
您可以在此处看到屏幕截图,并看到该窗口的宽度为375px,但body-tag的宽度为439px。
我正在应用这个CSS规则,因为我读这个应该可以解决问题,但它不适合我,不幸的是。
* { -webkit-Box-sizing: border-Box; -moz-Box-sizing: border-Box; Box-sizing: border-Box; }
这是我在说的网站:http://www.firma-info.no
我希望有人对我有帮助。
提前致谢!
解决方法
我正在Firefox上的桌面反应性视图中进行测试
但是,我发现背景中的云.x1,.x2等导致窗口宽度大于预期。
云是朝向动画结束的情况。
一个简单的溢出:隐藏;到#page做的工作。
我不知道这是否导致你的问题,但是,这可能有帮助。
另外我建议使用转换翻译来移动云,而不是动画内的边界。