我有一个canvas元素,宽度为608个像素,希望能让iPhone和iPad都放大屏幕填满。
我尝试了各种值,但都无法在两台设备上同时使用。目前我的实现方式如下(在iPhone上可以正常显示,但在iPad上看起来很小):
<meta name="viewport" content="width=608; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
我该如何实现这个目标?
我有一个canvas元素,宽度为608个像素,希望能让iPhone和iPad都放大屏幕填满。
我尝试了各种值,但都无法在两台设备上同时使用。目前我的实现方式如下(在iPhone上可以正常显示,但在iPad上看起来很小):
<meta name="viewport" content="width=608; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />
<meta name="viewport" content="width=608, maximum-scale=1.5, user-scalable=no" />
你可以尝试:
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width=device-width;">
或者您可能需要使用 JavaScript 获取当前视口比例,这篇文章可能会有所帮助:http://menacingcloud.com/?c=viewportScale