根据移动方向更改 CSS

2024-03-14

当移动应用程序页面方向从横向更改为纵向(反之亦然)时,更改 css 文件的最佳方法是什么。我只需要同时支持 Android 和 iPhone。看来媒体查询不是最干净的方式,还有其他想法吗?


Example

/* For portrait */
@media screen and (orientation: portrait) {
  #toolbar {
    width: 100%;
  }
}

/* For landscape */

@media screen and (orientation: landscape) {
  #toolbar {
    position: fixed;
    width: 2.65em;
    height: 100%;
  }

  p {
    margin-left: 2em;
  }
}

欲了解更多详情,请参阅here https://developer.mozilla.org/en-US/docs/WebAPI/Managing_screen_orientation

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

根据移动方向更改 CSS 的相关文章

随机推荐

  • 2 带条件的日期输入验证php

    我想验证codeigniter中输入的2个日期 条件是 如果结束日期大于开始日期 将出现警告 javascript警告或其他内容 或无法输入数据 我的表格是这样的 h1 h1
  • SQL 从具有相同列名的 2 个表中选择仅在非空时返回列

    我想知道是否有人可以帮我解决这个问题 我需要查询两个表 其中一个表包含默认数据 第二个表包含任何覆盖数据 例如 TABLE 1 id 5 title This is the default title text Hi default tex
  • C++:架构 x86_64 的未定义符号

    我已经阅读了大多数具有此标题的其他帖子 但我找不到解决方案 我有三个文件 我知道整个程序没有任何意义 它只是用于测试目的 main cpp include Animal h Animal ape int main int argc char
  • IDE 中的 Visual Studio 选项卡标题颜色

    今天打开 Visual Studio 时 我观察到选项卡的背景颜色发生了变化 如图所示 如何将其设置为旧 默认颜色 在 工具 gt 选项 之后 我没有找到任何有用的东西 你有生产力电动工具扩展 https marketplace visua
  • SQL 语句中的所有值都可以用单引号引起来吗?

    SQL 语句中的所有值都可以用单引号括起来吗 例如 这是一个简单的表 称为书籍 id title 1 Some book name 2 Second book name 这样写声明可以吗 SELECT FROM books WHERE id
  • 导致 C++ 程序崩溃的最简单方法是什么?

    我正在尝试制作一个与不同的崩溃进程交互的Python程序 这不在我的控制范围内 不幸的是 我正在交互的程序甚至不能可靠地崩溃 所以我想制作一个故意崩溃的快速 C 程序 但我实际上不知道最好和最短的方法来做到这一点 有谁知道在我的 int m
  • 如何在 C# 中从 MP4 文件中提取音频并将其转换为 FLAC 文件?

    我的目标是编写 C 将 Microsoft LYNC 会议音频转换为文本 Here https www dropbox com s lsopm8izs7j36ej WaveConverter zip dl 0到目前为止是我的项目 最初我尝试
  • 数据可视化库[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我目前正在启动我的新项目 这是一个数据可视化项目 我想开发一个可以可视化数据 无论数据来自哪里 的应用程序 现在 我正在尝试找到一个可以使
  • 在 ASP.NET 中创建验证码的代码?

    我想创建一个类似的验证码http www gigbooks com getcaptcha php http www gigbooks com getcaptcha php这个 但它是在 PHP 中 任何人都可以为我提供在 ASP NET 中
  • 将 <[email protected]> 之前的任何字符替换为空字符串

    我有这个字符串 AnyText jonathon lt email protected cdn cgi l email protection gt 使用正则表达式的所需输出 AnyText lt email protected cdn cg
  • MKPolyline 与 MapKit 中的缩放相关的奇怪渲染

    我有非常简单的视图控制器来演示 MKPolyline 这种奇怪的渲染行为 没什么特别的 只是普通的 api 调用 import UIKit import MapKit class ViewController UIViewControlle
  • 导入 Keras 会破坏多处理

    在使用 keras 时 我发现我无法使用 multiprocessing Pool 经过一些故障排除后 我认为导入 keras 是问题的根源 并为此创建了一个简单的示例 import keras from multiprocessing i
  • 如何在 Swift 中缓存双精度数组

    下面的代码 let cache NSCache
  • Flex RemoteObject - 处理多个请求

    我有几个远程对象方法 我想根据上下文以不同的方式响应 但我不想设置一堆不同的 RemoteObject 别名 这样做有什么建议吗 一些背景 假设我有一个管理应用程序 它以不同的方式显示销售统计数据 远程方法如下所示
  • jQuery - 如何使用 jQuery 验证插件验证出生日期? [复制]

    这个问题在这里已经有答案了 我想使用 jQuery 验证插件验证输入 出生日期 但它必须采用 dd mm yyyy 格式 并且在年份日期超过 2002 年时也不会验证 因此 当日期格式为 dd mm yyyy 并且年份超过 2002 时 日
  • 在 javascript 中创建自定义对象的数组

    你好 我需要一些关于 javascript 的帮助 function PricingData id method freq service price this ID id this PaymentMethod ID method this
  • 使用 Zeep 的 Python SOAP 客户端 - 导入命名空间

    一些背景 我在打开这个问题时出现了here https stackoverflow com questions 40173217 python soap client with zeep authentication 解决身份验证问题后 我
  • RESULT_CACHE RELIES_ON (NLS_SESSION_PARAMETERS)

    为什么每次我更改会话以设置新的 NLS DATE FORMAT 时 下面的函数不返回新的参数值 FUNCTION get param p parameter IN VARCHAR2 RETURN VARCHAR2 RESULT CACHE
  • 如何将 &str 转换为 JSON 响应?

    我有一个 str index 0 name AB CDE FG 402 test int4 sts on time 2021 06 05 03 28 24 044284300 UTC value 8 我怎样才能将它转换为 JSON inde
  • 根据移动方向更改 CSS

    当移动应用程序页面方向从横向更改为纵向 反之亦然 时 更改 css 文件的最佳方法是什么 我只需要同时支持 Android 和 iPhone 看来媒体查询不是最干净的方式 还有其他想法吗 Example For portrait media