html - css跨浏览器代码

标签 html css wordpress

我正在使用 mozilla、chrome 和 edge 作为主要资源制作我的网站,以查看它是否动态运行良好。

但是当我打开 IE 浏览器时,我的 css,如“转换”,所有格式都以奇怪的方式格式化,它们最初所在的位置在 IE 中不再相同。

有没有办法让 css 为每个浏览器做一个选择或限制,比如 chrome 它使用“转换”然后在 IE 上它会使用“正确”。

我不能在 chrome 上使用“正确”,否则它会被格式化,我想知道是否有特殊情况。

最佳答案

在编写 CSS 或 JS 时,您需要检查浏览器兼容性表以了解您使用的功能。您可以在官方资源网站上找到它,例如 https://www.w3schools.com/cssref/css3_browsersupport.asp

特别是对于转换,请查看:https://www.w3schools.com/cssref/css3_pr_transform.asp

您需要使用与您希望支持的所有浏览器兼容的功能(考虑到它们的版本),或者如您所提到的,通过检测用户浏览器中可用的功能来编写备选代码。 https://modernizr.com/ 之类的工具可以提供帮助。

关于html - css跨浏览器代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43388494/

相关文章:

html - 除非绝对定位,否则 anchor 标记不可点击?

javascript - 如何将表单字段的值设置为 JSON 中的值?

css - 如何将 div 与视口(viewport)垂直对齐,同时将其与文档水平对齐?

php - Linux 上 WordPress 文件夹的文件和文件夹权限设置

html - 很酷的 HTML5/CSS3 表格?

javascript - window.parent 在 iframe 中始终未定义

jquery - 结合 jQuery 和 CSS 媒体查询

css - 小型设备上的 Bootstrap 表单工具提示和弹出窗口

linux - 用于文件重命名的 shell 脚本

php - 解析错误 : syntax error, 意外 'use' (T_USE) in C :\wamp\www\calculater\wp-content\themes\calculater\page. php on line