如何让我的固定宽度移动网站始终显示"完全放大"?

Kev*_*vin 21 html css iphone mobile android

如何让我的固定宽度网站始终在webkit(iphone和android)浏览器上"完全放大"?

现在,它在iPhone上看起来很好,在具有更高分辨率的Android手机上"太小/缩小".

我正在尝试这个视口:

 <meta name="viewport" content="user-scalable=yes, width=device-width, target-densityDpi=device-dpi, initial-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)

小智 7

以下对我有用.对于中低密度设备,页面按比例缩小.Android 2.2在处理元标记时存在一些问题.

<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" />
Run Code Online (Sandbox Code Playgroud)


Han*_*kke 0

尝试更改“initial-scale=xx”数字,直到看起来正确为止:

 <meta name="viewport" content="user-scalable=yes, target-densityDpi=device-dpi, initial-scale=1.6" />
Run Code Online (Sandbox Code Playgroud)

  • 手动设置初始比例是没有意义的。对于不同的设备,“完美”值是不同的...... (3认同)