设置meta name='viewport' content='target-densitydpi=device-dpi'
时,Android浏览器和Opera Mobile将CSS像素视为设备上的设备像素,使我的样式表不受干扰。
在iPhone上的Safari中是否有适用的功能?
在我已经移动友好,高DPI优化,媒体查询驱动的Web应用程序上,如果浏览器单独留下我的样式表,我真的很感激。
(我的完整视口声明如下所示:meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no; target-densitydpi=device-dpi'
)
检查这个链接我的帮助你https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4
你可以写这样的
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
检查此链接还https://www.davidbcalhoun.com/2010/the-viewport-metatag-mobile-web-part-1/
似乎在野生动物园中没有目标密度dpi。对于safport的视口中的内容,请查看Configuring the Viewport。
safari支持视口及其属性,但不是target-densitydpi。请参考此链接https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1