个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我注意到 Chrome 浏览器中的元素大小存在问题。
我写了一个简单的代码:
<html>
<body>
<table border="1px">
<tbody>
<tr>
<td>
<span style="display: inline-block; width: 5cm">TEXT</span>
<span style="display: inline-block; width: 5cm">TEXT</span>
<span style="display: inline-block; width: 5cm">TEXT</span>
<span style="display: inline-block; width: 5cm">TEXT</span>
</td>
</tr>
</tbody>
</table>
</body>
</html>
我希望垂直重复 4 个跨度，每个跨度 5 厘米。它适用于 IE、Firefox 等:
IE - Works fine
但 Chrome 存在以下问题:
Chrome - Doesn't work
在 IE 中，每个 span 的宽度为 189px，td 的宽度为 772px。
在 Chrome 中，每个 span 的宽度为 189px，td 的宽度为 771px。
这是某种 Chrome 问题吗？为什么我的 td 元素不适合它的内容？对我来说，保留那些跨度元素(我不能用 div 替换它们)并以厘米为单位设置宽度很重要。删除表格边框后问题仍然存在。
最佳答案
CSS cm如果你想要固定数量的像素，单位是不可靠的。他们也不太可能在屏幕上实际测量到 5 厘米。 cm单位主要用于打印样式。是的，它可以在屏幕上使用，但不要指望它有任何准确性。
一个 5cm 的事实框呈现为 189 像素告诉我们 cm不是整数个像素。仅此一项就足以告诉您，您不太可能使用 cm 获得准确的像素级跨浏览器渲染。单位。
这不会发生。如果您想要像素完美的精度，请使用 px单位。
您在问题中说您不能更改单位。如果可能的话，你真的应该重新考虑一下，因为它只会继续给你带来这些问题。
如果您真的无法更改它们，那么我能想到的解决问题而不更改单位的一种方法是提供 <td>元素a white-space:nowrap风格。这应该强制所有跨度到同一行，无论浏览器是否认为它们应该在那里。它应该为你做的伎俩。但它并没有解决根本问题，如果您继续使用 cm，它可能会以其他方式卷土重来。屏幕上的单位。
至于究竟是什么导致了故障，我猜测 Chrome 处理浮点像素值的方式略有不同，并且在计算跨度的像素宽度时存在舍入误差<td> 多宽.如果是这种情况，那么这听起来像是 Chrome 中的错误，您可以向他们报告，但考虑到我上面所说的一切，我认为他们不会将其作为高优先级问题。
关于html - Chrome "cm"问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13360742/
24
4
0
当我在 alfresce 中跟踪代码时，我在 node-header.get.html.ftl 中发现了以下代码 ...... 我
我正在尝试重新创建我见过的服装测量图表，但使用纯 Javascript。我无法弄清楚如何获取 innerhtml 中的数值并将其乘以/除以 * 2.54。另外，我想在数字末尾添加“cm”或“in”来表
我尝试从网站 https://plot.ly/scikit-learn/plot-kmeans-silhouette-analysis/ 运行代码.当我运行时发现 matplotlib 模块已经没有光
有人知道这是浏览器、Windows 语言还是一般问题吗？ 我在我的计算机上安装了一种名为“阿拉伯语(沙特阿拉伯)阿拉伯语 (101) 键盘”的第二语言。 如果我输入像“test 3cm test”这样
Name Team Number Position Age Height Weight College Salary
我一直在按照给定的快速入门指南安装 kuali 类(class)管理系统 HERE . 我已成功完成所有操作，但无法在 tomcat 中部署应用程序。 我以前从未真正使用过 tomcat，所以任何人都
我在我的 CSS 媒体查询中使用厘米来使我的模板具有响应性，而现在我们的智能手机具有非常高的分辨率，这使得像素过滤器变得困难。我的问题是，为什么所有网站都不使用 CM 来使响应变得更加简单和实用？使用
plt.cm中cm全称表示colormap paired表示两个两个相近色彩输出，比如浅蓝、深蓝 ；浅红、深红；浅绿，深绿这种。 补充：【python】plt.cm.Spectral，颜色分配
using System.Collections; using System.Collections.Generic; using UnityEngine; using Cinemachine; us
我们有一个 Web 应用程序，其中包含系统运算符(operator)可以更改的一堆内容(例如新闻和事件)。有时我们会发布软件的新版本。该软件被标记并存储在颠覆中。但是，对于如何最好地控制可能独立更改的
我已经阅读了 http://webdev.apl.jhu.edu/~jcs/ejava-javaee/coursedocs/605-784-site/docs/content/html/devenv-
我正在尝试从 CM 源为我的设备构建自定义 rom。我正在按照本指南进行构建: https://wiki.cyanogenmod.org/w/Build_for_quark 我正在使用此命令来同步源。
我看过 WWDC 2015 Session 705 上的视频，发现 Core Motion API 很有趣。我正在制作一个应用程序，需要随着后台运动事件状态的变化而更新。例如，当用户走进汽车并开始驾驶
我想在具有已定义宽度和高度的 WebView 中显示图像。 当我将 html 设置为:显示时:高度永远不会达到 100 厘米或任何我选择的高度。 我尝试使用视口(viewport)和比例，但未能以正确
我注意到 Chrome 浏览器中的元素大小存在问题。 我写了一个简单的代码: TEXT TEXT TEXT TEXT
我公司使用CM Synergy作为代码版本控制工具，可能是我自己的问题，我不能很好地使用这个工具。但以我自己的经验来看，Hg、Git 或 SVN 对我来说非常有用。有什么方法可以将开源控件存档转换为
我正在尝试部署使用 Dash 开发的应用程序，该应用程序使用一些 matplotlib 函数。当我在本地运行应用程序时，它运行顺利，一切正常，但是，当我使用相同的代码(我正在使用 heroku 部署)
我有 ?(New System.Windows.LengthConverter()).ConvertFrom("1cm") 37.795275590551178 {Double} Double
我正在我正在构建的网站上使用营销事件表单。有多种形式遵循相同的结构(见下文)并使用相同的类名。 我使用 AJAX 将表单发布到 Campaign Monitor，如果返回错误消息，还添加类，如果正确则
OCaml 对编译后的文件有多种扩展名:*.a, *.cma, *.cmi, *.cmx 、*.cmxa、*.cmxs(也许这不是详尽的列表)。它们是什么，在什么情况下我需要它们？ 如果我有一个库，我
我是一名优秀的程序员,十分优秀！