是否有任何相当于 Android 的 <meta name='viewport' content='target-densitydpi=device-dpi'> 用于 iPhone 上的
Posted
技术标签:
【中文标题】是否有任何相当于 Android 的 <meta name=\'viewport\' content=\'target-densitydpi=device-dpi\'> 用于 iPhone 上的 Safari？【英文标题】：Is there any equivalent to Android's <meta name='viewport' content='target-densitydpi=device-dpi'> for Safari on the iPhone?是否有任何相当于 Android 的 <meta name='viewport' content='target-densitydpi=device-dpi'> 用于 iPhone 上的 Safari？ 【发布时间】：2011-12-02 05:17:48 【问题描述】：设置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'）
【问题讨论】：
【参考方案1】：检查这个链接我会帮助你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/
【讨论】：
目前是否有任何理由拥有“HandheldFriendly”和“MobileOptimized”？ davidbcalhoun 链接在与 WML 相同的部分中提到了它们... 后面的链接坏了【参考方案2】：在 safari 中似乎没有 target-densitydpi。 safari 的 Viewport 中有哪些内容，请看Configuring the Viewport。
【讨论】：
【参考方案3】：safari 支持 viewport 及其属性，但不支持 target-densitydpi。 请参考此链接 https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafarihtmlRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1
【讨论】：
以上是关于是否有任何相当于 Android 的 <meta name='viewport' content='target-densitydpi=device-dpi'> 用于 iPhone 上的 的主要内容，如果未能解决你的问题，请参考以下文章
是否有相当于 UIPopOverController 的 Android 平板电脑？