程序员经验分享-hwhale

用CSS识别浏览器和操作系统？

2023-12-29

我知道为特定浏览器或操作系统编写特定 CSS 代码不是正确的做法，但在我正在构建的网站中，某些元素在特定浏览器中无法很好地呈现。例如，某些元素在 IE8 中不受支持，或者在小 iPhone 显示屏中看起来很奇怪。

因此我的问题是 - 仅使用 CSS 是否可以识别用户的浏览器和操作系统并允许我编写不同的显示选项？

好吧，你好。


遗憾的是，我不相信每个系统都只使用纯 CSS 是可能的。

但是你可以使用css和js的组合来查看系统。

看这里：http://rafael.adm.br/css_browser_selector/ http://rafael.adm.br/css_browser_selector/

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

css

用CSS识别浏览器和操作系统？ 的相关文章

  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome

  • 粘性背景图像/使用 CSS

    我目前正在创建我的第一个网站 并且即将完成 我在标题下为主体使用背景图像 我发现每个页面都有一个问题 因为它们的高度都不同 这使得我背景图像的当前设置放大图片以适合整个页面 我想做的是将背景图像设置为 粘性 我的想法是 背景图像将直接位于标

  • Material-UI 中 Box 和 Grid 有什么区别？

    有什么区别Box https material ui com components box box and Grid https material ui com components grid grid在 Material UI 中 何时使

  • 如何使一个 div 位于另外两个 div 的中间以跨越多行，就像表中的 rowspan 一样

    我已经有一段时间试图避免使用表格来布局元素了 因为我意识到它们并不是为此而设计的 并且像 div p 这样的普通容器元素以及 CSS 足以实现人们可能需要的任何布局 到目前为止 我已经取得了成功 但有一种情况我似乎无法独自克服 我基本上需要

  • 使 bootstrap popover 使用自定义 html 模板

    我正在使用输入组文本框 我需要 Bootstrap 3 弹出框才能工作 并且弹出框模板应由我定义和设计 所以我目前拥有的 html 是 div class row div class col sm 2 div class input gro

  • 禁用 CSS 规则

    有什么办法可以禁用 CSS 规则吗 我问是因为我使用的是 Kendo UI 他们的规则非常全面 例如 k grid td styles 然而 如果我把我的桌子放在他们的桌子里面 它的风格也会类似 所以它的影响太大 需要删除 更换 我不想手动

  • 整个页面都是玻璃板

    有没有一种简单的方法可以在整个 HTML 页面上拥有一个 玻璃窗格 而不管缩放 幻灯片事件 平台 浏览器 移动 桌面 我所说的 简单 是指纯 CSS 支持 而不是插件 后备 插件建议也可能有用 Thanks 如果您只是指所有内容之上的一层

  • MUI 组件上的渐变边框

    我没能找到相当于border image source css 我的目标是在按钮组件上渲染边框渐变 这是添加渐变边框的方法button成分 V5 const options shouldForwardProp prop gt prop gr

  • 带有针织滑轨的垂直滚动条可实现长功能

    是否可以使用knitr幻灯片制作垂直滚动条以实现长功能 使用xaringan https slides yihui name xaringan 自定义样式 我正在根据上一个问题尝试一些选项如何使垂直滚动条出现在RMarkdown代码块中 h

  • bootstrap css中垂直对齐缩略图？

    我认为这应该很简单 但我就是无法让它发挥作用 在 ASP NET MVC 中 我有一个如下所示的项目列表 div class row div class span12 ul class thumbnails foreach var film

  • 使用 htaccess 重写规则重定向后 CSS 未加载

    我有以下用户个人资料网址的简写 RewriteRule w profile php name of user 1 当我这样做时 该网站使用适当的 css 文件进行样式设置site com name of user 但当我这样做的时候却不是s

  • 用于生成多色文本的 jQuery 插件，该文本可在悬停时改变颜色

    我想为各种链接生成多色文本 并从预先指定的颜色数组中为各个字母随机分配颜色 当将鼠标悬停在带有文本的 div 上时 颜色会发生变化 我正在考虑一个 jQuery 插件 脚本将是可行的方法 我想知道是否存在这样的插件或近似插件 Thanks

  • 手机上的网页滚动条可以隐藏吗？

    我正在尝试在移动设备上隐藏滚动条 一切在桌面上看起来都很好 没有滚动条 但是当我检查某些 Android 设备 ipad 时 我仍然可以看到灰色 细小的拇指 可以从浏览器中隐藏预定义的滚动条 我的代码 在桌面上运行良好 body webki

  • 没有宽度/高度的 SVG 以自然尺寸渲染

    我有这个 SVG 但没有width or height属性 我有以下 HTML div class block img src https s3 eu vAmfIxVv kiwi svg div 使用以下CSS block display

  • css border-shadow 是否会增加元素的大小[重复]

    这个问题在这里已经有答案了 可能的重复 css box shadow 是元素盒子模型的一部分吗 https stackoverflow com questions 7036498 is css box shadow part of elem

  • 从 CSS 调用 javascript 函数

    我想知道是否有可能以任何方式 button width somePX height somePX button hover onmouseup func button 或类似的东西 我想这会有点酷吗 而不是为每个按钮编写 onmouseup

  • 图像上的文本和背景颜色叠加

    我正在尝试创建一个与图像大小完全匹配的纯色叠加层 并在该叠加层上显示文本 如果可能的话 我想仅使用 HTML 和 CSS 来完成此操作 图像可以是任何大小 并且将调整大小以适合其父容器并居中 像这样的东西 不起作用 HTML div cla

  • 图像在 IE8 中不显示

    在我的网站上 http appliedcodingtech com site factory automation photos http appliedcodingtech com site factory automation phot

  • 电子邮件通讯未正确呈现

    我是 CSS 和 HTML 新手 我有一个包含 HTML 和 CSS 代码的电子邮件模板 我在新闻通讯模板的右上角放置了一个粉色圆圈框 http www pedersenshotell se newsletter http www pede

  • CSS 动画在 Internet Explorer 10 和 11 中不起作用

    以下 css 动画在 Chrome Mozilla Opera 浏览器中完美运行 但在 Internet Exporer 10 和 11 中不起作用 出了什么问题 请参见http jsfiddle net bm72w3n3 http jsf

随机推荐

  • 显示悬停工具提示的键盘快捷键

    是否有键盘快捷键可以触发当鼠标悬停在 VS Code 中的项目上时通常显示的信息工具提示 悬停工具提示示例 Press Ctrl K Ctrl I that s what you want

  • JSP 字符串格式化 截断

    有谁知道如何使用标签库截断 JSP 中的字符串 我本来打算用雅加达标签库 http jakarta apache org taglibs doc string doc index html但它说它已经退役了 因为 随着 JSTL 的出现 许

  • 远程调试设备上的 Android 应用程序

    是否可以在连接到远程计算机的设备上使用 adb 安装 调试应用程序 远程计算机的 IP 地址已知 如果你的手机已经root 你可以使用一些像这样的应用程序http www appbrain com app adb over wifi wid

  • 是否可以使用下载属性强制下载？

    我知道如何使用download属性强制下载 但我想做一些不同的事情 a href filename mp4 img src download png a 这是download属性可以正常工作 但我想使用meta像这样标记 gt Please

  • 模板化构造函数可以代替已删除的复制构造函数吗？

    Consider template

  • Tomcat：如何从servlet访问（会话）管理器

    我需要从 Tomcat 中的 servlet 或过滤器 访问管理器 以通过自定义会话 ID 加载自定义会话 回答你的下一个问题 为什么我需要它 Flash 中有一个老错误 导致它从 IE 而不是从当前浏览器发送 cookie 因此 如果我在

  • Identity 示例项目中的 DataProtectionProvider

    官方的 Identity 2 示例项目的代码如下UserManager Create public static UserManager Create IdentityFactoryOptions

  • 如果您仍然需要执行相同的步骤，那么 git merge 比 svn merge 更好吗？

    看完之后Git 中的合并如何比 SVN 中更好 https stackoverflow com questions 2471606 how and or why is merging in git better than in svn我还是

  • YouTube Analytics API 不会返回查询特定视频的 ROWS

    我正在使用 YouTube Analytics API 来获取特定查询的分析 对于频道查询来说它效果很好 当我对特定视频执行查询时出现问题 像这样 开始已定义 deviceType stats optparams array dimensi

  • android.location.LocationManager.PASSIVE_PROVIDER 的含义是什么？

    我明白的意思GPS PROVIDER http developer android com reference android location LocationManager html GPS PROVIDER 位置来自 GPS 信号 和

  • iOS15 UTType 弃用 URL 扩展 [重复]

    这个问题在这里已经有答案了 使用Swift5 5 iOS15 0 1 从 iOS15 开始 我意识到与我现有的 URL 扩展相关的一些弃用行为正在发生 我没有找到任何关于如何重写现有扩展的好的文档 这是我目前的实现 大约是 16个折旧警告我

  • adb 找不到索尼 Xperia Z 平板电脑

    我最近拿到了一台索尼 xperia z 想在其上部署 调试我的 xamarin droid 项目 我做了什么 将平板电脑连接到我的开发机器 在设备设置中启用开发者选项 还启用了USB调试 然后平板电脑本身在我的开发机器上安装了驱动程序 现在

  • 为什么我在角反应形式的 *ngIf 中遇到错误

    我知道这是一个非常愚蠢的问题 对于像我这样有 SOF 声誉的人来说 不应该问这个问题 然而 我正在拉扯我的头发 似乎不明白我做错了什么 我指的是一个例子创建反应形式 在 Stackblitz 中一切看起来都很好 我的代码也运行得很好 但是在

  • UDP 套接字设置超时

    我正在尝试在 UDP 套接字上设置 100 毫秒超时 我正在使用 C 我在下面发布了相关的代码片段 我不确定为什么这没有超时 而是在没有收到段时挂起 这只适用于未使用bind 方法绑定的套接字吗 define TIMEOUT MS 100

  • UITapGestureRecognizer 不执行任何操作

    我有一个应用程序 可以显示一页文本 可以点击按钮或在视图中滑动以在各个页面中前进或后退 容器视图附加了两个 UISwipeGestureRecognizer 用于向左滑动和向右滑动 这些手势没有任何问题 但现在我正在尝试将 UITapGes

  • Wildfly 中出现“意外调用状态 0”错误

    我创建了一个小例子来演示该错误 有状态 Bean 将列表作为其状态并注入无状态 Bean Stateful RequestScoped public class StatefulBean Inject StatelessBean slsb

  • 维基百科对MapReduce的reduce的解释不正确吗？

    MongoDB的解释 http www mongodb org display DOCS MapReduce MapReduce ReduceFunction减少阶段说 Map Reduce引擎可以迭代地调用Reduce函数 因此 这些函数

  • 向 docker 推送/拉取镜像时出现错误：403 Forbidden

    我在用泊坞窗服务器版本 1 10 3安装了 docker 发行版RHEL 7 2 我面临的问题是间歇性的 有时推 拉命令有效 有时会抛出以下错误 Pulling repository test a b c com hello world E

  • Rails 使用 :collection 渲染部分内容

    这很简单 不应该成为问题 但我不明白这里发生了什么 我有以下代码 class DashboardController lt ApplicationController def bookings bookings Booking all en

  • 用CSS识别浏览器和操作系统？

    我知道为特定浏览器或操作系统编写特定 CSS 代码不是正确的做法 但在我正在构建的网站中 某些元素在特定浏览器中无法很好地呈现 例如 某些元素在 IE8 中不受支持 或者在小 iPhone 显示屏中看起来很奇怪 因此我的问题是 仅使用 CS

热门标签