比较 Chrome 和 Firefox 的字体大小问题

2023-12-08

我建立了一个网站,问题是 chrome 显示font-size 1px比火狐浏览器还大。我尝试了几种方法来匹配字体大小,以 px 为单位指定,以 % 为单位将正文设置为 100%,然后将元素设置为0.875em。这些都不起作用。它仍然在 Chrome 中显示多 1 像素。

这是我用于字体大小的代码:

body {
  font-size: 100%;
}
* {
  margin:0;
  padding:0; 
  text-decoration: none; 
  font-family:helvetica, arial, sans-serif;
}
#geral {
  width:1000px; 
  margin:0 auto; 
  position:relative; 
  font-size:0.875em;
}

如果 #geral 包裹了整个网站,并且 CSS 上没有其他字体大小声明,则可以在我发布的链接中查看源代码。

我想知道是否有办法解决这个问题,或者我是否必须为每个浏览器指定不同的字体大小?


我建议你使用CSS重置就像 YUI 的那个一样。它将使您的页面much在所有浏览器中更加一致,包括字体渲染。它与 IE 和其他浏览器有最大的区别,但它消除了各种不一致的情况。

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

比较 Chrome 和 Firefox 的字体大小问题 的相关文章

  • Selenium Grid:设置 chrome *binary* 路径

    注意 我不是在询问设置 chrome 的路径driver 我想使用特定版本的 Chromium 运行 Selenium 节点 而不是系统上安装的默认 Chrome 这网络驱动程序文档 https sites google com a chr
  • 在使用 jQuery 拖动时向元素添加 CSS 类

    是否可以在元素被拖动到特定区域时向其添加 CSS 类 并在元素被删除后替换该类 我并不是到处寻找这个功能 而是只在特定区域寻找这个功能 是的 这当然有可能 jQuery UI 提供了一些方便的选项和事件来执行此操作 对于初学者来说 可拖动元
  • 如何创建一个对角分割的页面,两半是可点击的链接

    我需要创建一个对角分割的登陆页面 像这样的东西 我需要页面的两个区域都是可单击的 并且在最好的情况下 所有内容都应该动态地适应用户的显示器 以便显示器始终分成两半 我该怎么做 我应该使用画布吗 欢迎任何建议 以及如果我使用画布可能的后备方案
  • 使 bootstrap popover 使用自定义 html 模板

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

    我正在尝试将选择框水平和垂直居中 这是 jsfiddle http jsfiddle net j3r9Lp81 http jsfiddle net j3r9Lp81 CSS div currency text align center HT
  • 位置:粘性滚动仍在移动的元素

    我需要显示类似于表格的内容 其中第一列可以水平滚动 该列会粘滞一段时间 但是当您滚动太多时 它会开始与其余部分一起移动 wrapper width 250px overflow auto display flex flex directio
  • 光标:属性值无效

    我已经找这个很久了 可悲的是 我发现的所有内容都不适合我 我的自定义光标在 Firefox 上不起作用 我有一个漂亮的 无效属性值 同样在 Firefox 开发版中我也遇到了同样的错误 但显示了光标 Chrome 没问题 显示没有任何错误
  • 如何检测浏览器中操作系统是否处于深色模式?

    如同 如何检测 OS X 是否处于深色模式 https stackoverflow com questions 25207077 how to detect if os x is in dark mode 仅适用于浏览器 有没有人发现是否有
  • 粉碎一个元素,向随机方向发送碎片

    我试图 粉碎 一个元素 例如 一个图像 并将其碎片朝随机方向飞行 当碎片到达目的地时 即x距离 以像素为单位 它们变成原始图像的较小版本 jQuery UI 的explode http api jqueryui com explode ef
  • MP4 视频无法在 Firefox 上播放

    我有一个小型家庭服务器 可以托管多个项目 其中包括一些 MP4 示例视频 我一直在使用一个简单的
  • IE 上具有最小宽度的内联跨度

    Hi我有 3 个SPAN那一定是inline并且有和一个min width 显然在 IE 上 SPAN不能有一个min width 我尝试使用DIV但当我把它放在inline the min width是忽略 CSS span displa
  • bootstrap css中垂直对齐缩略图?

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

    我试图相对于输入字段定位一个跨度元素 让我们称之为 工具提示跨度 为此 我将工具提示跨度和输入字段包装在另一个跨度元素中 我们称之为 包装器跨度 该元素具有position relative 然后我设置position absolute在工
  • ReferenceError:找不到变量:__gCrWeb

    我的网站上有 javascript 错误跟踪 最近 我开始在 iPhone IOS 7 和 8 上的 Chrome 版本 37 和 38 中收到以下错误 ReferenceError 找不到变量 gCrWeb 除了一些参考文献之外 我找不到
  • 可以设置选择元素的样式,以便在下拉列表“关闭”时显示所选选项的样式吗?

    鉴于这个简单的 html
  • 旋转后变换比例

    我有个问题 我正在将 div 旋转 45 度 然后我想在新的 y 轴上缩放它http jsfiddle net P37g5 2 http jsfiddle net P37g5 2 y 轴现在不是 45 度吗 我不确定我是否正确理解了这个问题
  • 图像在 IE8 中不显示

    在我的网站上 http appliedcodingtech com site factory automation photos http appliedcodingtech com site factory automation phot
  • Testaulous 无法启动 Chrome 浏览器

    当我在 浏览器 设置为 Firefox 的情况下运行 testaulous 时 会打开一个新的 Firefox 浏览器 我可以打开那里的控制台并查看我的 console log 消息等 当我在 浏览器 设置为 Chrome 或 Chrome
  • HTML 和 CSS 的基本编码标准 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想知道它们是否是像 PSR 01 这样的 HTML 和 CSS 基本编码标准 我尝试谷歌搜索和搜索 但没有找到 我建议看看类似的东西
  • CSS 动画在 Internet Explorer 10 和 11 中不起作用

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

随机推荐

  • 让 IIS6 提供 JSON 文件(包括 POST、GET)?

    默认情况下 IIS6不提供 json 无通配符MIME type 因此会抛出 404 not find 错误 然后我添加一个新的 MIME 类型 json text plain or application x javascript or
  • 查找列中的重复项并使用替代颜色突出显示行背景色

    我想突出显示行的单元格颜色 文本位于 A 列中 当 A 列中的值相同并且想要时 G 具有相同的颜色 对所有行迭代相同的操作并应用替代颜色 还想将 2 个单元格中的字体颜色更改为红色 F 列和 当 F 列中有文本 文件位于 EMEA 服务器上
  • XSL 转换 - 未声明的命名空间前缀

    我有一个 XSL 文件 我想用它转换 XML 文件 该 XML 文件是通过重命名具有 safe 扩展名的原始文件而获得的 在这里你可以看到它的第一行
  • 测量 MPI 通信成本的工具 [已关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 我正在使用 MPI 我想测
  • 在 javascript 中,哪个更好 `var Obj = Obj || {}` 或 `if (Obj === '未定义' || typeof Obj !== 'object')`

    我想知道以下哪种方法更好 var Obj Obj or if Obj undefined typeof Obj object Obj 有人告诉我第二种方法更好 但我不知道为什么 请您向我解释一下各自的优点和缺点 非常感谢 第二种方法更具体
  • mailto 不适用于大型正文内容

    我正在尝试使用 mailto 函数在我的 Web 应用程序中获取 Outlook 窗口 使用下面的代码 a href Send mail a 如果bodyText小于周围1800人物 但它会截断超过 1800 个字符的数据 如果正文内容超过
  • PHP JPEG 函数不工作

    任何处理 JPEG 的 PHP 函数似乎都无法在我的服务器上运行 这段代码 创建一个空文件 使用 GIF 或 PNG 函数将创建一个包含预期文本 简单文本字符串 的图像 This im imagecreatefromjpeg t
  • 何时或为何在 Oracle 数据库中使用“SET DEFINE OFF”

    我正在观看 Oracle 中的脚本 我看到了一些我不认识的东西 REM INSERTING into database1 Users SET DEFINE OFF Insert into database1 Users id right v
  • PHP:可视化您的应用程序工作流程和功能与功能的关系

    我正在寻找一款可以帮助我可视化应用程序工作流程以及功能与功能关系的软件 我正在使用 codeigniter 而且我的应用程序每天都在变得越来越大 而且是我独自工作 我开始得精神分裂症了 今天我正在构建数据库模型 明天可能是查看js html
  • 如何从 Perl 发出 HTTP GET 请求?

    我正在尝试编写我的第一个 Perl 程序 如果您认为 Perl 对于手头的任务来说是一种糟糕的语言 请告诉我哪种语言可以更好地解决它 该程序测试给定机器和远程 Apache 服务器之间的连接 首先 程序从 Apache 服务器请求目录列表
  • $lookup的Foreign字段可以是嵌套文档的字段吗?

    lookup用于对同一数据库中的未分片集合执行左外连接 以从 连接 集合中过滤文档 以便在 Mongo 中进行处理 lookup from
  • 替换文件中间的文本

    I have txt文件 有几行 username1 123456789 etc etc etc etc username2 1234 etc etc etc etc username3 123456 etc etc etc etc use
  • Node js - 加密和解密文件

    我想在客户端加密文件并将其发送到服务器端 解密 但是当我使用内置的 Node js 时crypto我收到错误 客户端 js const crypto require crypto const cipher crypto createCiph
  • 为什么 read() 不能在 open() 函数中使用 'w+' 或 'r+' 模式

    当我使用带有 r 或 w 参数的打开时 它不想读取文本文件 内部文本文档 hello Python 代码示例 code with open file name r as o print o read output hello code wi
  • 安装时npm权限错误

    我正在尝试在我的服务器上安装 yeoman 但由于某种原因 我总是收到权限被拒绝的错误 npm install g yo root node bin yo gt root node lib node modules yo cli js gt
  • 上传多个文件并查询 Firestore DB - ReactJS

    我读了很多这样的帖子如何将多个文件上传到 Firebase 之前关于这个问题 我尝试了不同的选择 但无法得到结果 我正在使用 React Hook Form 来创建一个非常巨大的表单 现在我必须添加更多输入 以上传文件 并且需要帮助立即完成
  • 在 C# 中创建 CSV 文件

    我正在尝试创建一个 csv 文件 其中每个条目均由用户输入 输入一组值后 应继续输入下一组值 然而我似乎无法做到这一点 每次我运行该程序时 它都会替换以前的值 using System using System IO using Syste
  • 如何将 3D Python/NumPy 数组保存为文本文件?

    我必须启动大量计算 并且每次都必须保存 2D 文件文本 因此我想将结果 实时 存储为 3D 文本文件 每个切片对应一个计算结果 第一次计算没问题 但是当我进行第二次计算时 在 np loadtxt 步骤中 数组维度变成了二维 所以我无法达到
  • 带有文本文件的实体框架(没有数据库!)

    我习惯了表单和数据集 但现在我正在尝试 WPF 和实体框架 我的目标是使用实体框架填充 WPF 中的 DataGrid 但是 我没有数据库 我有简单的文本文件 其中包含我必须解析以填充我的实体的数据 但是 我收到诸如 实体类型 TableN
  • 比较 Chrome 和 Firefox 的字体大小问题

    我建立了一个网站 问题是 chrome 显示font size 1px比火狐浏览器还大 我尝试了几种方法来匹配字体大小 以 px 为单位指定 以 为单位将正文设置为 100 然后将元素设置为0 875em 这些都不起作用 它仍然在 Chro