Chrome html div在不同的机器上有不同的尺寸

时间:2014-06-18 16:23:54

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

我一直在用chrome开发一些bootstrap表单。在一台机器上,html标签的像素宽度是一个整数,1905像素。但是在另一台机器上,一台笔记本电脑,像素宽度是一个奇怪的小数,1668.35789。两台机器都运行ubuntu 12.04 64位和chrome 35(ubuntu的最新稳定版)。当然,这会弄乱页面上许多其他元素的宽度。可能会发生什么?

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

2 个答案:

答案 0 :(得分:0)

你能提供更多信息,比如你在div元素上的任何样式吗?但是,如果您使用百分比来设置div的宽度,那么Chrome将获得您的CSS分辨率并将其除以您指定的百分比宽度。

因此,如果您有一个完整的高清屏幕并将div设置为10%宽度,则将其设置为1920px的10%,因此div的宽度为192px。

在我看到你有自举之后,如果你使用的是基于网格的系统,那么网格的每个单元格都可能占用百分比,然后按钮就会填充父级。

如下所示,您可以尝试输入您尝试修正

宽度的输入行
    min-width: 1905px !important;

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

答案 1 :(得分:0)

您对以下内容感到满意吗?

min-width: 1905px;