个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在研究 new website使用基于 em 的 CSS 媒体查询。过去，我一直使用基于 px 的媒体查询。我想尝试一些新的东西。我以大多数手机(纵向)、大多数手机(横向)和平板电脑(纵向)以及大多数平板电脑(横向)的布局方式进行设置。
如预期的那样，在桌面浏览器(IE、Firefox、Chrome)、Android(Android 浏览器、Chrome)和 Windows Phone (IE) 上一切正常。 iOS (Safari) 按预期显示纵向版本，但切换到横向后仍保持纵向布局。这已经在 iPhone 5 (iOS7)、iPad 2 (iOS7) 和 iPhone 4s (iOS6) 上进行了测试，它们始终不一致。
HTML:
<meta name="viewport" content="width=device-width">
CSS:
/* portrait phone (< 480px) */
@media screen and (max-width:29.9999em) {
}
/* landscape phone and portrait tablet (>= 480px < 960px) */
@media screen and (min-width:30em) and (max-width:59.9999em) {
}
/* landscape tablet and normal monitor (>= 960px < 1440px) */
@media screen and (min-width:60em) and (max-width:89.9999em) {
}
/* bigger monitor (>= 1440px) */
@media screen and (min-width:90em) {
}
/* big monitor (>= 1920px) */
@media screen and (min-width:120em) {
}
因此，iPhone(横向)应介于 (min-width:30em) 和 (max-width:59.9999em) 之间，iPad(横向)应介于 (min -宽度:60em)和(最大宽度:89.9999em)。不幸的是，它们都缩小了一个查询范围。
在通过 stackoverflow 搜索时，我找到了 this post这表示移动版 Safari 中的默认字体大小是 12px(不是正常情况下的 16px)。我没有在任何其他网站上看到这一点，但计算似乎是有意义的(不过进一步计算似乎并没有将它们放在不同的媒体查询组中)。
作为对该帖子的回应，我将基本字体大小设置为 16 像素。
CSS:
html { font-size:16px; }
我的想法是它会覆盖浏览器的默认设置并与正在测试的所有其他浏览器相匹配。不幸的是，移动版 Safari 在横向时仍使用纵向布局。
我读过几页提到需要用 Safari 刷新(不确定它是移动设备还是桌面设备)，所以我什至试过了。
有人知道为什么会这样吗？如前所述，我已经使用基于 px 的媒体查询创建了其他站点，并且它们按预期运行。
最佳答案
在媒体查询中，em 基于浏览器的默认字体大小(注意用户可以修改它)。您无法改变这一点。
相关:
关于ios - 基于 Em 的 CSS 媒体查询在 Ios Mobile Safari 上显示的分辨率低于预期，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19569703/
25
4
0
我有三张 table 。表 A 有选项名称(即颜色、尺寸)。表 B 有选项值名称(即蓝色、红色、黑色等)。表C通过将选项名称id和选项名称值id放在一起来建立关系。 我的查询需要显示值和选项的名称，而
在mysql中，如何计算一行中的非空单元格？我只想计算某些列之间的单元格，比如第 3-10 列之间的单元格。不是所有的列...同样，仅在该行中。 最佳答案 如果你想这样做，只能在 sql 中使用名称而
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 7 年前。 Improve this ques
我正在为版本7.6进行Elasticsearch查询 我的查询是这样的: { "query": { "bool": { "should": [ {
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 7 年前。 Improve this ques
是否可以编写一个查询来检查任一子查询(而不是一个子查询)是否正确？ SELECT * FROM employees e WHERE NOT EXISTS (
我找到了很多关于我的问题的答案，但问题没有解决 我有表格，有数据，例如: Data 1 Data 2 Data 3
以下查询返回错误: 查询: SELECT Id, FirstName, LastName, OwnerId, PersonEmail FROM Account WHERE lower(PersonEm
以下查询返回错误: 查询: SELECT Id, FirstName, LastName, OwnerId, PersonEmail FROM Account WHERE lower(PersonEm
我从 EditText 中获取了 String 值。以及提交查询的按钮。 String sql=editQuery.getText().toString();// SELECT * FROM empl
我有一个或多或少有效的查询(关于结果)，但处理大约需要 45 秒。这对于在 GUI 中呈现数据来说肯定太长了。 所以我的需求是找到一个更快/更高效的查询(几毫秒左右会很好)我的数据表大约有 3000
这是我第一次使用 Stack Overflow，所以我希望我以正确的方式提出这个问题。 我有 2 个 SQL 查询，我正在尝试比较和识别缺失值，尽管我无法将 NULL 字段添加到第二个查询中以识别缺失
什么是动态 SQL 查询？何时需要使用动态 SQL 查询？我使用的是 SQL Server 2005。 最佳答案 这里有几篇文章: Introduction to Dynamic SQL Dynami
include "mysql.php"; $query= "SELECT ID,name,displayname,established,summary,searchlink,im
我有一个查询要“转换”为 mysql。这是查询: select top 5 * from (select id, firstName, lastName, sum(fileSize) as To
通过我的研究，我发现至少从 EF 4.1 开始，EF 查询上的 .ToString() 方法将返回要运行的 SQL。事实上，这对我来说非常有用，使用 Entity Framework 5 和 6。 但
我在构造查询来执行以下操作时遇到问题: 按activity_type_id过滤联系人，仅显示最近事件具有所需activity_type_id或为NULL(无事件)的联系人 表格结构如下: 一个联系人可
如何让我输入数据库的信息在输入数据 5 分钟后自行更新？ 假设我有一张 table : +--+--+-----+ |id|ip|count| +--+--+-----+ |
我正在尝试搜索正好是 4 位数字的 ID，我知道我需要使用 LENGTH() 字符串函数，但找不到如何使用它的示例。我正在尝试以下(和其他变体)但它们不起作用。 SELECT max(car_id)
我有一个在 mysql 上运行良好的 sql 查询(查询 + 连接): select sum(pa.price) from user u , purchase pu , pack pa where (
我是一名优秀的程序员,十分优秀！