是否有Android的< meta name ='viewport'content ='target-densitydpi = device-dpi'>对于Safari上的iPhone? [英] Is there any equivalent to Android's <meta name='viewport' content='target-densitydpi=device-dpi'> for Safari on the iPhone?
问题描述
当设置 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'
)
检查此链接我的帮助< href =https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4 =nofollow> https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4 p>
您可以这样写
< meta name =HandheldFriendly content =True>
< meta name =MobileOptimizedcontent =320>
< meta name =viewportcontent =width = device-width,initial-scale = 1.0>
请检查此链接 http://davidbcalhoun.com/2010/viewport-metatag
When setting meta name='viewport' content='target-densitydpi=device-dpi'
, the Android browser and Opera Mobile treats a CSS pixel as a device pixel on my device, leaving my stylesheets unmolested.
Is there any equivalent feature that works in Safari on the iPhone?
On my already mobile-friendly, high-DPI-optimized, media-query-powered web application, I'd really appreciate if the browser left my stylesheets alone.
(My full viewport declaration looks like this: meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no; target-densitydpi=device-dpi'
)
check this link my be that's help you https://docs.google.com/present/view?id=dkx3qtm_22dxsrgcf4
You can write like this
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
check this link also http://davidbcalhoun.com/2010/viewport-metatag
这篇关于是否有Android的< meta name ='viewport'content ='target-densitydpi = device-dpi'>对于Safari上的iPhone?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!