我创建了一个网页设计,该网页设计可以在除我客户的Iphone 4S之外的所有设备上正常运行。 我已经在线测试了我的网站: http://mobilewebtest.eu/iphone4 http://iphone4simulator.com/
我还测试了可动手手机,即iPhone6 / 7/8。
以上所有测试均为阳性。我无法获得iPhone 4S的支持,但该网站在其他每部手机上的运行情况都非常完美。客户说他以前从未打开过网站,所以我认为缓存存储是毫无疑问的。
我尝试了以下解决方案:
解决方案1:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
解决方案2:
<meta name="viewport" content="width=device-width, initial-scale=1">
解决方案3(未尝试): 有人在这篇文章中指出了一些奇怪的地方: Responsive design - Media Query not working on iPhone?
在DOCTYPE之后添加评论可能会解决该问题,这似乎对我来说没有说服力。
<!DOCTYPE html>
<!-- This comment line needed for bootstrap to work on mobile devices -->
<html lang="en">
期待您的大力支持