Chrome html div在不同的机器上有不同的大小答案

【问题标题】：Chrome html div has different sizes on different machinesChrome html div在不同的机器上有不同的大小
【发布时间】：2014-06-19 15:18:52
【问题描述】：

我一直在用 chrome 开发一些引导程序表单。在一台机器上，html 标签的像素宽度是一个整数，1905 像素。但是在另一台机器上，一台笔记本电脑上，像素宽度是一个奇怪的小数，1668.35789。两台机器都运行 ubuntu 12.04 64 位和 chrome 35（ubuntu 的最新稳定版本）。当然，这会影响页面上许多其他元素的宽度。这里可能发生了什么？

更新：这不是引导问题。它与轨道有关。一个没有任何添加 css 的空白 rails 应用程序，除了 rails gem 之外的所有 gem 都会产生问题。 rails 之外的 Html 不会产生问题。

【问题讨论】：

你能显示一些代码吗？
你把初始宽度放在自己里面了吗？如果您倾向于使用它们的类，Bootstrap 喜欢格式化所有设备。
我没有在 html 标签上放置任何样式。即使我打开一个除了应用引导样式之外什么都没有的空白项目，问题仍然存在。
可能是不同显示器的分辨率。
对，但是不同的分辨率会以这种方式影响引导程序吗？ Bootstrap 为 html 标签本身或正文添加了很少的样式。此外，我在笔记本电脑上测试了另一台分辨率更高的显示器，问题仍然存在。

标签： html css ruby-on-rails google-chrome

【解决方案1】：

你对下面这行满意吗？

min-width: 1905px;

【讨论】：

【解决方案2】：

您能否提供更多信息，例如您对 div 元素的任何样式？但是，如果您使用百分比来设置 div 的宽度，那么 Chrome 将获取您的 CSS 分辨率并将其除以您指定的百分比宽度。

因此，如果您有一个全高清屏幕并将 div 设置为 10% 的宽度，它会将其设置为 1920px 的 10%，因此 div 的宽度将是 192px。

在我看到您有引导程序之后，如果您使用的是引导程序偏爱的基于网格的系统，则网格的每个单元格都可能占一个百分比，然后按钮填充父项。

按照下面的建议，您可以尝试尝试修复宽度的输入行

    min-width: 1905px !important;

您可能必须使用重要，因为引导程序可能会覆盖您的新样式

【讨论】：

嗯，问题是从 html 标签本身开始的。该标签在默认情况下没有引导程序提供的任何样式。我忘了提到我在最初的帖子中使用的是引导程序。