所有台式机/笔记本电脑显示器的方向都与 iPad 等设备上的横向方向相似吗?

2023-11-22

所有台式机/笔记本电脑显示器的方向都与 iPad 等设备上的横向方向相似吗?

之间有什么区别吗?

body {background:red}

@media only screen and  (orientation : landscape) {
    body {background:blue}
}

所有台式机/笔记本电脑显示器的方向是否都与 iPad 等设备上的横向方向相似?

不,他们不是。这orientation是基于窗口的宽度和高度.

横向模式是当窗口宽度大于窗口高度时。

肖像模式是当窗口高度大于窗口宽度时。

您可以使用您的示例看到这一点:http://jsfiddle.net/tw16/EaHhU/
调整结果窗口的宽度以匹配上述场景,您将看到颜色变化。

桌面浏览器支持:Firefox 3.5+、Google Chrome 5+、Opera 10.6+、Safari 4+

移动浏览器支持:Android 2+、iOS4、移动版 Firefox。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

所有台式机/笔记本电脑显示器的方向都与 iPad 等设备上的横向方向相似吗? 的相关文章

  • 如何简化这个 LESS CSS Box-shadow mixin? (带有“方向”的多个阴影)

    如何减少这段代码 可能使用循环 以拥有一个接受方向和数字的 函数 dir 想要的 方向 number 我需要多少次影子 这里是10次 color 阴影的颜色 Example 可以工作 但不是很容易使用 perspective box dir
  • Quill 公开可用的 CSS

    我最初的目的是从 PrimeFaces TextEditor 组件输出的 HTML 生成 PDF 文件 而该组件又基于 免费开源 WYSIWYG 编辑器 Quill 为此 我需要获取 TextEditor 组件生成的 HTML 将其包含在
  • 将图像编码为base64有什么效果?

    如果我将图像 jpg 或 png 转换为 base64 那么它会更大 还是具有相同的大小 会大多少呢 是否建议在我的网站上使用 Base64 编码的图像 大约会大 37 非常粗略地说 Base64 编码的二进制数据的最终大小等于原始数据大小
  • 重新创建 CSS3 过渡三次贝塞尔曲线

    在 CSS3 过渡中 您可以将计时函数指定为 cubic bezier 0 25 0 3 0 8 1 0 在该字符串中 您仅指定曲线上点 P1 和 P2 的 XY 因为 P0 和 P3 始终分别为 0 0 0 0 和 1 0 1 0 根据苹
  • 使用内联样式有哪些风险?

    A 内容安全政策 https developer mozilla org en US docs Web HTTP CSP with a default src or style src指令将阻止内联样式应用于
  • 编辑类名中带有空格的元素的 css 样式

    我正在创建一个 tumblr 我必须编写一个外部 CSS 文件 但我在编辑 post 元素的 css 样式时遇到问题 这是它的结构 li class post quote other code li 问题是类名中有空格 我如何创建一个 CS
  • Gmail 无法在电子邮件上正确呈现字体

    我已经建立了一个 html 电子邮件并使用了 Google 字体 我已使用以下方法将字体包含在 head 标签中 if mso endif 并使用字体 即我这样做了
  • CSS使背景图像使用字体字符

    我想使用字体字符 例如来自 font awesome 作为输入元素的背景图像
  • 如何在bootstrap中默认隐藏侧边栏?

    我在这里有一个很好的参考 作为 Bootstrap 在设计 Web 表单应用程序时的侧边栏 http startbootstrap com template overviews simple sidebar http startbootst
  • 为什么网格项目不居中?

    由于某种原因 两个输入范围使网格中的前两项偏离中心 我假设这是因为它们的影子 DOM 样式 事实真的是这样吗 有谁知道为什么范围使项目 A 和 B 偏离中心 这是一个代码笔 https codepen io tOkyO1 pen QOeKL
  • 宽度:适合内容;在 Chrome 上工作,但在资源管理器上不工作

    我构建了一个应用程序 所有内容都在 Chrome 中完美显示 但如果我在 Windows 资源管理器中打开该应用程序 容器会比应有的小 我在用着width fit content 这是只适用于 Chrome 的东西吗 我怎样才能使其适用于所
  • CSS - div 与父 div 底部对齐(内联块)

    我知道这个 html 很草率 有一些不必要的额外 div 但无论如何 我无法理解为什么 ID 为 info box right 的 div 与父 div 的底部对齐 您可以看到 文本 与下面的 jsfiddle 示例的底部 有什么想法可以让
  • 水平对齐输入字段

    我正在尝试获取一个输入字段 并且它与同一水平线上的关联提交按钮相关 但事实证明这是一个挑战 这是我的代码
  • 如何设置 CSS 网格的最大高度

    我有以下 CSS 网格 grid 3x4 display grid grid template columns 1fr 1fr 1fr grid template rows 1fr 1fr 1fr 1fr grid template are
  • 使用deployJava.runApplet来定位特定元素

    经过多年成功维护一个使用旧有的小程序 嵌入Java小程序的方法 我们无法捂住耳朵唱 啦啦啦 不再了 是时候使用 deployJava runApplet 当我使用点击处理程序触发此方法时 此处通过 jQuery 在按钮上使用事件侦听器 但这
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t
  • 为什么“tbody”不设置表格的背景颜色?

    我在用 tbody 作为 CSS 选择器来设置background color在一个表中 我这样做是因为我有多个 tbody 表内的部分 它们具有不同的背景颜色 我的问题是 当使用border radius在细胞上 细胞不尊重backgro
  • HTML 默认图像大小

    我在我的代码上显示 3 张图片 图片具有不同的尺寸 宽度和高度 div class row div class col lg 12 h2 class page header Gallery h2 div div class col md 4
  • 带显示块的SPAN

    和默认有什么区别 div 元素和默认值 span 元素与display block HTML 元素的有效性和语义存在差异 否则它们是相同的 div and span两者都被定义为通用容器 在 HTML 方面没有更深层次的含义 一个默认为块显

随机推荐

  • 4 点变换图像

    我需要转换位图图像 并将其 4 个角点从一个位置移动到另一个位置 任何可以在 Windows 上运行的代码 最好是 C VB NET 甚至可以帮助如何使用可编写脚本的程序 例如画图网 or Photoshop会被接受 Java 高级成像 A
  • SFINAE 有符号和无符号的区别

    我有将不同算术类型转换为半精度浮点类型的函数 只是一个uint16 t在最低级别 我对整数和浮点源类型有不同的函数 使用 SFINAE 和std enable if template
  • Xcode 卡在“您的应用程序正在上传”

    我在将应用程序从 Xcode 提交到 App Store 时遇到问题 我已经完成了与我的项目相关的所有工作 并且它在我的 iPhone 和 iPad 上运行良好 但当我提交项目时 我面临着一个巨大的问题 存档后首先我完成了验证 现在 我在管
  • 无密码取消工作簿保护

    我有一个流行的 VBA 代码来取消对工作表的保护 但我仍然遇到工作簿受到保护的问题 Sub PasswordBreaker Breaks worksheet password protection Dim i As Integer j As
  • Blazor 清理 MarkupString

    我正在尝试清理 MarkupString 的内容 实际上我创建了这个 基于https github com dotnet aspnetcore blob 574be0d22c1678ed5f6db990aec78b4db587b267 sr
  • GCC 4.4.1 是否因不接受构造函数初始化程序中的注入类名而出现错误?

    GCC 4 4 1 拒绝找到我的注入类名在一个构造函数初始化器 template
  • 如何在等待服务器进程时使用 jQuery 和 PHP 制作进度条?

    当 Google 提供许多指向 Stackoverflow 的准确结果时 过去很容易找到我的问题的解决方案 但是 我没有找到解决这个问题的方法 如果你们中的任何人有建议我应该去哪里解决这个问题 请给我答案的链接 情况是我想从数据库中搜索索引
  • 授权属性生命周期

    有人可以解释为什么授权属性生命周期似乎是相对于它所应用的类或方法进行管理的吗 这与相对于请求生命周期进行管理相反 如果我在类级别装饰控制器 则授权属性构造函数只会在对同一控制器的多个请求中被调用一次 如果我装饰每个控制器方法 那么我会为每个
  • Git 无法比较或合并 utf-16 编码的 .cs 文件

    我和一个朋友同时处理同一个 cs 文件 当存在合并冲突时 git 指出存在冲突 但该文件没有加载通常的 HEAD gt gt gt 内容 因为 cs 文件是二进制文件 因此 我们在 gitattributes 文件中添加了许多内容 cs 文
  • Ramda 建议从稍微嵌套的数组中删除重复项

    我们正在尝试利用 Ramda 来避免一些暴力编程 我们有一个对象数组 如下所示 id 001 failedReason 1000 id 001 failedReason 1001 id 001 failedReason 1002 id 00
  • 空闲计时器时间到期后应用程序不休眠

    据我了解 idleTimerDisabled 设置默认设置为 否 虽然 当我运行我的应用程序并等待它超时并睡眠时 它没有超时 也没有睡眠 我已经进入我的 AppDelegate 并将其手动设置为 否 以尝试强制其睡眠 但仍然没有成功 我正在
  • OpenGL 统一缓冲区 std140 布局、驱动程序错误还是我误解了规范?

    OpenGL 规范是谎言 或者这是一个错误 参考 std140 的布局 具有共享的统一缓冲区 它指出 GLSL 编译器使用表 L 1 中显示的规则集来 std140 合格的统一块中的布局成员 的偏移量 块中的成员根据块的大小进行累积 块中的
  • 删除/替换国际字符

    我正在用 C 创建一个小应用程序 以根据从 SQL 查询传递的信息搜索文件名 在从 SQL 查询传递的数据中 有时 由于国际访问者访问我的公司 可能会出现多个实例 名称中包含国际字符 我们的文件名采用英文字母 没有特殊字符 我正在尝试找到一
  • 从匿名内部类设置外部变量

    有什么方法可以从 Java 中的匿名内部类访问调用者范围的变量吗 这是示例代码以了解我需要什么 public Long getNumber final String type final String refNumber final Lon
  • 从私钥导出 ECDSA 公钥

    我试图从私钥生成公共 ECDSA 密钥 但我没有在互联网上找到关于如何执行此操作的太多帮助 几乎一切都是为了从公钥规范生成公钥 但我不知道如何获得它 到目前为止 这是我整理的内容 public void setPublic throws G
  • 用Python计算有效数字?

    Python 有没有办法计算 double float etc 中的有效数字 我没有看到一个简单的方法来做到这一点 但我希望它能在图书馆中 提前致谢 您可能对任意精度浮点库感兴趣 例如 http code google com p mpma
  • OpenFire/XMPP 503 服务不可用错误(使用 iOS XMPPFramework 的 XEP-0065)

    Problem 我正在尝试使用 iOS XMPPFramework 和 OpenFire 服务器进行 TURN 连接 XEP 0065 我希望能够发送和接收文件 但是 我收到 503 服务不可用错误 Note 我的代码的基础来自以下教程 h
  • 具有自定义距离度量的“KD 树”

    我想使用 KDtree 这是最好的选择 其他 KNN 算法对于我的项目来说不是最佳的 与自定义距离度量 我在这里检查了类似问题的一些答案 这应该有效 但没有 根据定义 距离矩阵是对称的 array 1 0 5 5 0 3 2 0 1 0 0
  • 对表进行约束以限制要存储的记录数

    我有一个数据库 有两个表Ads and Images 有一个主键adid in Ads作为外键的表Images table 我想在表上创建一个约束Images不超过5个adid可以存储在Images table 我需要知道这种类型的约束被称
  • 所有台式机/笔记本电脑显示器的方向都与 iPad 等设备上的横向方向相似吗?

    所有台式机 笔记本电脑显示器的方向都与 iPad 等设备上的横向方向相似吗 之间有什么区别吗 body background red media only screen and orientation landscape body back