个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
34
4
在使用 Safari 的 iPad 上，转到此页面: http://ifelse.org/projects/errors/viewport/test.html
这是来源:
<html>
<head>
<title>Viewport Test</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="width=1030" />
<style>
body {
padding: 0;
margin: 0;
}
#test {
width: 1024px;
height: 500px;
border: 3px solid #ccc;
}
</style>
</head>
<body>
<div id="test">
<p>This is 1024 with a 3px border, so device width is 1030.</p>
<p>Works when viewing in Mobile Safari.</p>
<p>Does not work if you Bookmark it to the Home Screen and open from there.</p>
<p>Compare <a href="viewport_1030_safari.png">MobileSafari</a> view to <a href="viewport_1030_webapp.png">Webapp</a> view.</p>
</div>
</body>
</html>
它应该看起来像这张图片，其中 1030 像素的 viewport 在纵向模式下完全可见:
viewport 标签基本上被忽略了。我尝试了多种使用设备和混合像素值的变体。什么都没有。
那么...这是错误还是功能？
如果这是 Apple 有意为之，那实际上意味着要正确开发外观漂亮的 Web 应用程序，您需要使用 768px 的实际宽度...？
最佳答案
我认为这既不是错误也不是功能。但这真的很烦人。
从 iOS4 开始，移动版 Safari 完全忽略了网络应用模式下的 viewport 元标记。在常规移动 safari 模式下，它将自动计算确保显式内容宽度映射到设备宽度所需的比例因子。在网络应用程序模式下，它不再这样做，并且始终使用 scale=1.0。因此，您要么必须切换到液体布局并在 viewport 标记中设置 width=device-width(这并不理想)。或者您必须使用 UIWebView 构建应用程序才能恢复正常行为。
恕我直言，它严重破坏了网络应用程序的功能。
关于html - 在 webapp 模式下，Mobile Safari 中的视口(viewport) META 标签是否损坏？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3916517/
34
4
0
我最近发现了 python 中的元类。 基本上，python 中的元类是创建类的类。有很多有用的理由可以解释为什么要这样做——例如任何类型的类初始化。在工厂上注册类、复杂的属性验证、改变继承的工作方式
我已经从 Intellij 为 Spark+ scala 代码创建了 jar 并尝试在开发集群中运行该 jar，但最终出现以下错误: Exception in thread "main" java.l
我看到许多 Web 开发人员包含在标签中 我不明白这个元标记的目的是什么 最佳答案 它可能用于旨在增加 SEO 的 schema.org 微格式。 “Schema.org 提供了一组共享词汇，网
当我尝试使用 Java(在 GAE 服务器中)解析 XML 文件时，有时会遇到以下错误: Parse: org.xml.sax.SAXParseException; lineNumber: 10; c
我正在尝试解释 Web 应用程序的基础知识。我在 META-INF 和 WEB-INF 上遇到了这个问题。这些目录是如何获得这些名称的？ 最佳答案 Jar 文件实际上是 ZIP 文件，带有额外的信息和
w3C验证器可以很好地使用以下代码: 如果我将property属性替换为name，则验证程序会说og:site_name未注册。 今天突然间，它显示了此错误: Error Line 7, Colum
安装vue-meta后，我的浏览器控制台出现错误。 为什么会出现这个错误？是我的代码还是bug？我正在使用 vue-meta@2.4.0和 Vue 3。 主文件 createApp(App) .u
我正在开发一个以通用模式运行 Nuxt 的网站。我们与另一位开发人员一起为此工作了几个月。我们使用 Git 在不同的分支上进行协作，然后在发布网站新版本时的某些时刻进行集成。 从昨天开始，我们遇到了一
根据这次更新... https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags
如果元描述和元关键字相同，这对搜索引擎来说是否被认为是“坏的”？ 最佳答案 元描述和元关键字标签并未被主要搜索引擎用作其排名算法的一部分，因此这个问题确实没有实际意义。 (该关键字通常被忽略，并被广泛
在 Django 中，很多东西都在 request.META 中，我当前的代码会检查 request.META 中的 HTTP_TOKEN 之类的东西，所以在发送请求时我需要将请求发送到该 url，以
在 Django 中，很多东西都在 request.META 中，我当前的代码会检查 request.META 中的 HTTP_TOKEN 之类的东西，所以在发送请求时我需要将请求发送到该 url，以
我正在构建一个 Wordpress 主题，我们将与 Yoast 一起构建所有的 SEO。 所以，我想知道如何在 index.php/category.php 和其他页面中从帖子中获取 Yoast Me
如何在资源管理器中隐藏这些文件？我尝试在 settings.json 中使用此代码: // Place your settings in this file to overwrite default
我有一个 Raspberry 4 型号 B，并试图从 Ubuntu 构建 Yocoto linux 以进行安装。我在关注 https://medium.com/@shantanoodesai/run-
我正在尝试将 XML 转换为 PDF 文档。使用 XSL 解析 XML 来生成用于 PDF 创建的 HTML。 HTML 不包含 结束标记，因此出现以下错误 Exception in thread
直接在 MongoDB 上运行以下文本搜索不会产生任何问题: db.getCollection('schools').find({ $text: { $search: 'som
一般来说，我是微观基准测试的新手。当我在我的项目中执行 JMH 任务时，我得到“错误:无法找到资源:/META-INF/BenchmarkList”，我相信是由 jmh-generator-annpr
有人可以帮我重新映射org-shiftmetaright | org-shiftmetaleft至[shift-select-meta]left-word | [shift-select-meta]r
我有一个 Android 应用程序，它使用 actionbarsherlock和库下的下一个 jar 文件夹: android-support-v4.jar gson-2.2.4.jar libGoo
我是一名优秀的程序员,十分优秀！