如何仅使用 CSS 移动屏幕进行检测

2024-02-22

我在这里发现了很多讨论 CSS 和移动屏幕的主题。

经过搜索,我找不到某些设备的解决方案。例如:摩托罗拉 Moto G4 Plus 使用全高清宽度(1080px),只有引导程序检测 xs-view 配置。

造型、尝试、尝试我无法设置某些样式。

那么,我如何才能像 Bootstrap 一样设置我的样式以及所有设备的通用过程呢?

请只使用 CSS 或尽可能多的 JS(如果可能的话,不要使用),与 bootstrap 相同。

我已经尝试过@media screen 和@media all 查询。不起作用。

谢谢阅读。


所有触摸屏和移动设备(包括平板电脑、智能手机)都可以通过以下 @media 规则通过 css 进行检测。

@media only screen and (hover: none) and (pointer: coarse){

/* Regular CSS rules here*/

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

如何仅使用 CSS 移动屏幕进行检测 的相关文章

  • jQuery 或 Javascript - 如何禁用窗口滚动而不溢出:隐藏;

    您好 是否可以在不使用的情况下禁用窗口滚动overflow hidden 当我悬停一个元素时 我试过 chat content on mouseenter function document scroll function e if e h
  • JavaScript 中带前导零的数字发生变化

    我使用 print 语句从 php 调用 javascript 函数来打印 html 代码 并且传入一个整数 但是 在 php 中传递的值与 javascript 函数接收到的数字不匹配 我不知道为什么 这是调用 javascript 函数
  • Javascript 使事件点击和语音识别与多个按钮一起工作

    所以我正在使用 webkitSpeechRecognition 并且它工作得很好 但问题是我想同时在多个地方使用它 当我将它添加到页面上的另一个部分时 它无法正常工作 这是它自己工作的情况 var final transcript var
  • Internet Explorer 中的锯齿状按钮边缘

    如何去除 Internet Explorer 中宽按钮的锯齿状边缘 例如 您还可以通过设置来消除 Windows XP 的按钮样式 以及 Windows 的所有其他版本 background color and or border colo
  • 在iOS上,“添加到主页”缓存保存在哪里,如何清除它?

    我正在 iPad iOS v7 上制作一个 html5 游戏 当我将其添加到主页时 它非常顽固地释放缓存 如果我在 Safari 中查看它 这会按照您所期望的方式工作 如果我刷新一次或两次 页面就会以最新状态缓存 但在主页上却是另一回事 它
  • 如何使用 HTML 5 实现类似 gmail 的文件上传/附件

    我记得一些支持 Ajax 之类的选项 无回发世界 文件上传 隐藏的 iframe 使用 flash 对象 尽管我仍然好奇为什么使用 SWF 以及它提供什么优势 然而 通过查看博客 HTML 5 似乎很有前途 我尝试了一些小示例 它确实有效
  • 在随机位置启动 HTML5

    我有一个大约 2 小时长的音轨 我想在我的网站上使用它 我希望它在页面加载时在随机位置开始播放曲目 使用 HTML5 可以吗 我知道您可以使用 element currentTime 函数来获取当前位置 但是如何在完全下载之前获取曲目的总时
  • 水平滚动的表格上的“粘性”标题......完全不可能?

    经过过去几个小时的研究后 我开始认为这是不可能的 即使在最新的浏览器上也是如此 HTML table具有水平滚动的元素 带有 粘性 thead在顶部 作为垂直滚动的周围网页的一部分 这是我的尝试 a height 100px backgro
  • 我怎样才能让这个脚本在 WordPress 上运行?

    我有这个脚本 document ready function text1 click function this hide 代码html div class div1 p class text1 text to appear when th
  • 将html数据解析成python列表进行操作

    我正在尝试读取 html 网站并提取其数据 例如 我想查看公司过去 5 年的 EPS 每股收益 基本上 我可以读入它 并且可以使用 BeautifulSoup 或 html2text 创建一个巨大的文本块 然后我想搜索该文件 我一直在使用
  • 更改API数据输出的布局

    我是 API 集成和 PHP 的新手 我最近将 VIN 解码器集成到我的应用程序中 在输入框中输入车辆的 VIN 选择提交 然后就会显示 API 数据库中有关该车辆的所有信息 数据存储为关联数组 其中包含类别及其相应元素 例如 对于 VIN
  • 使用 CSS 网格布局使网格项内的元素高度相等

    我在长度超过 4 的 div 中有一系列文章 没有任何舍入行标签 我需要将其表示为每行 3 篇文章 列 的表格 可能包含display grid 每篇文章都有页眉 章节和页脚 如何在每行文章内实现每个标题的等高 每个部分的等高以及与文章底部
  • HTML 代码中的 PHP [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我用 HTML 代码编写了 PHP div div 但这出现在输出页面中 else print 我怎样才能让PHP执行 你的文件有一个 p
  • 如何通过 jQuery 中的类获取特定 html 元素的innerHTML?

    我有这样的 HTML 代码 div class a html value 1 div div class a html value 2 div 我怎样才能访问html value 1 and html value 2使用jquery 分别地
  • 如何使整个跨度落入新行?

    这个片段显示了我想要的 http jsfiddle net 945Df 3 http jsfiddle net 945Df 3 div class sup strong a href Rosario Santa Fe Argentina a
  • CSS 精灵按钮

    这些精灵按钮让我抓狂 我几乎可以让他们工作 但不完全是 我正在玩这个非常简单的精灵图像 我有一个 jsfiddle 项目 gt gt 这里 如果你想看的话 但如果你只想看一下 代码就在下面 http jsfiddle net jp2code
  • Service Worker 与 Shared Worker

    Service Worker 和 Shared Worker 有什么区别 我什么时候应该使用 Service Worker 而不是 Shared Worker 反之亦然 Service Worker 具有共享 Worker 之外的附加功能
  • 我可以使用 ASP.NET WebForms 母版页在每个内容页中包含不同的 javascript/css 文件吗?

    我有几个使用相同母版页的内容页 它们并不都需要包含在相同的 javascript 和 css 文件中 tag 是否可以更改内容来自内容页面的标签 确实如此 但我建议采取一些不同的做法 我在关闭正文标签的正上方放置了一个内容占位符 然后我填充
  • Facebook 点赞按钮消失

    我的网站中的 Facebook Like 按钮出现问题 添加此代码 由 facebook 提供 按钮在创建时正确显示在任何页面中
  • 为什么使用 iPhone 或 iOS 设备在“iframe”中查看“position:fixed”时不起作用?

    我研究过 stackoverflow 似乎position fixed在 iOS 移动设备的 iframe 中 https stackoverflow com questions 15874910 position fixed and if

随机推荐

  • 意外的令牌导出

    作为一名新的 Angular 菜鸟 我正在尝试将我之前使用的 Angular 2 0 0 beta17 Web 应用程序升级到 Angular 2 3 0 现在我在加载 启动应用程序时遇到问题 这是我的设置 为了解决问题 我暂时复制了 we
  • 如何修复 java.lang.IllegalStateException:无法清除 JavaAgentClassRegister。 Set 方法尚未被调用。?

    我正在使用 JunitRunner 运行使用 PowerMock 和 Mockito 编写的单元测试 使用的 Spring Boot 版本是
  • 如何将数组分成两个子集并保持数组子值的总和尽可能相等

    我这里真的需要一个算法大师 所以问题是我得到了一个像这样的数组 870 23 970 78 110 50 我想把它分开 这样它看起来像这样 first array 970 78 second array 870 23 110 50 那么现在
  • Android 无效负载类型

    新的更新后 我发现操作栏和 LG 设备中可扩展 格式化字符串的兼容性问题 这是我之前的代码 SpannableString s new SpannableString About s setSpan new TypefaceSpan thi
  • 阻止用户调整 ListView 中的列宽?

    我的 Winform 中有一个 ListView 有 4 列 名称 金钱 ID 和级别 问题是当我运行我的应用程序时 我仍然有能力弄乱列宽 并改变它们 我搜索并发现我应该做这样的事情 private void listView1 Colum
  • MySQL 删除表

    我将使用什么 MySQL 语法来删除与它们具有相似模式的多个表 就像是 DROP TABLES FROM Database1 LIKE SubTable 由于准备好的语句支持 DROP TABLE 因此可以通过以下方式完成 SET tabl
  • Matplotlib 文本不会以 xkcd 字体显示

    当将 xkcd 与 matplotpib 一起使用时 没有任何字体以通常的漫画字体显示 有什么改变或者我做错了什么吗 x df Time y df Adjustment fig plt figure ax fig add subplot 1
  • 随机顺序和分页 Elasticsearch

    In 这个问题 https github com elasticsearch elasticsearch issues 1170 issuecomment 4587811是使用可选种子进行排序的功能请求 允许重新创建随机顺序 我需要能够对随
  • 使用 Javascript 替换文本字符串中的某些阿拉伯语单词[重复]

    这个问题在这里已经有答案了 我有一个阿拉伯语文本字符串 我想将一些单词加粗并在单词前添加图标 我用于英文文本的方法是 var wordsToBold Properties How To Use function makeBold input
  • 设置 urllib2.request() 调用的超时

    我需要设置超时urllib2 request 我不使用urllib2 urlopen 因为我正在使用data的参数request 我该如何设置这个 虽然urlopen确实接受data参数为POST 你可以打电话urlopen on a Re
  • 使用 Snap.svg 循环播放动画

    背景 我使用 Snap svg 渲染一个圆 然后在悬停时为其半径设置动画 我已经用下面的代码处理了该部分 Problem 我试图获得一次循环 脉冲 效果circleRadar悬停在上面 这将涉及在初始r和新的r70 虽然文档提到了 snap
  • 如何检查系统是否支持“单调时钟”?

    我需要在代码中处理超时场景并想使用clock gettime CLOCK MONOTONIC 如果系统支持单调时钟 ifdef CLOCK MONOTONIC clock gettime CLOCK MONOTONIC spec else
  • 错误:Firebase ID 令牌已过期

    在我的服务器上 我在使用 firebase admin sdk 时看到这些错误 verifyIdToken Firebase ID 令牌已过期 从您的客户端应用程序获取新令牌并重试 Firebase ID 令牌具有 kid 声明 该声明与已
  • 什么是 PasteDeploy?如果 Python 中的 Eggs 被视为消失了,我是否需要学习它?

    我对 Python 还很陌生 我已经下载了金字塔框架并一直试图理解它 它使用许多单独的工具来完成工作 例如一些PasteDeploy 我尝试阅读PasteDeploy的手册 http pythonpaste org deploy 但什么也听
  • 如何获取 jqGrid 中显示的行数?

    也许这些信息就在那里 我的谷歌搜索让我失望了 但我似乎找不到答案 我怎样才能得到行数当前显示的在 jqGrid 中 我在这个主题上找到的每个问题和答案都会告诉您如何获得total行数 显示或不显示 或行数loaded通过外部服务 相反 我试
  • 与功能较弱的 GPU 相比,Tesla V100-SXM2-16GB GPU 上的 keras 启动时间 (_make_train_function()) 非常慢

    跟进 GPU 机器上的 keras 和 TensorFlow 有些部分非常慢 https stackoverflow com q 47296197 590335 从tensorflow 1 4运行mnist cnn py 稍微修改 主要添加
  • 如何在 jQuery 中隐藏表格列?

    我有一张有很多列的桌子 我想为用户提供选择要在表中显示的列的选项 这些选项将是与列名称一起的复选框 那么如何根据复选框隐藏 取消隐藏表格列呢 隐藏 使用 hide 每行中的每个 td 是否有效 也许我可以将复选框值分配给表中列的位置 所以第
  • 如何在 PHP 中写入错误日志文件 [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我想在执行 PHP 代码时向错误日志文件写入一条消息 我正在尝试使用 PHPerror log 功能Docs http php net fu
  • 如何更改 Visual Studio 2012 (C++) 中的默认 .exe 图标

    我想知道是否有办法更改 VS2012 在编译我的应用程序时生成的默认图标 对于那些想知道的人 我正在尝试更改 exe 程序的图标 而不是窗口左上角和开始菜单上的窗口图标 我已经知道该怎么做了 我一直在谷歌搜索这个 它总是显示如何更改窗口图标
  • 如何仅使用 CSS 移动屏幕进行检测

    我在这里发现了很多讨论 CSS 和移动屏幕的主题 经过搜索 我找不到某些设备的解决方案 例如 摩托罗拉 Moto G4 Plus 使用全高清宽度 1080px 只有引导程序检测 xs view 配置 造型 尝试 尝试我无法设置某些样式 那么