是否有任何相当于 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'）

【问题讨论】：

标签： html css ios safari media-queries

【解决方案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

【讨论】：