我怎样才能强制网站扩展到手机修复(Iphone android ..)

当我加载我的网站在一个iPhone它不缩小。 我所看到的是最左上angular的几百平方像素。 我是手机优化的新手,但是我觉得大多数页面会自动滚动以适应,而且大部分问题似乎都是针对我所面对的情况(强制手机不能缩小比例)。

我想整个页面的宽度是可见的,使用户将不得不放大阅读文本。

我曾尝试过,没有在头上的代码,但没有明显的影响。

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- I Also tried: --> <meta name="viewport" content="width=1024, initial-scale=1"> 

使用这里的文档: https : //developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

看起来你应该忽略大部分的视口属性,并将用户可扩展性设置为“是”。 现在正在使用我的iphone。

 <meta name="viewport" content="user-scalable = yes"> 

编辑::移动testing仪网站不允许缩放,所以它只是给滚动条。 用实际的电话这个工程。

尝试使用不同的CSS并根据客户端设置切换它们(服务器端)。 例如,iPhone将自己的身份:

  HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3 

根据您在服务器端可用的脚本语言,您可以更改css。

这是一个例子。

视口标签控制最初显示页面的哪一部分,但是页面本身仍然应该被devise为在iPhone上显示而不缩放的320×460屏幕尺寸。 如果您不想修改页面的结构,则视口可以控制页面最初显示的方式。

摆脱width=1024 ,放入

 <meta name="viewport" content="width=device-width, initial-scale=1" /> 

并清除手机的浏览器caching。 事后甚至可能不得不关掉电源。