谷歌浏览器布局不同
我有一个网页,在Chrome浏览器中一直很好看。
现在我有不同的系统布局的情况。
我试图找到配置的任何差异,但我找不到任何东西。
版本,扩展名和Windows版本都是一样的。谷歌浏览器布局不同
我知道修复很简单(编辑文本框的宽度),但是有人知道可能导致这种不一致的原因是什么吗?
这里是我同事的系统上的布局:
这里是我的系统上的布局:
这是因为非标准CSS使用和可能你的系统都有不同的屏幕分辨率。您可以使用CSS的标准规则在任何地方保留相同的外观。
如果您使用标准CSS,不同的屏幕分辨率会如何导致不同的布局?我正在使用这些标准。 – HansElsen 2014-12-02 13:09:47
标准意味着不要使用任何废弃的rue,请使用媒体查询,避免修正px大小的宽度。 假设您的同事拥有1600x900的显示器,并且您的显示器尺寸为1366x768,并且您为两个部门指定了900像素+ 500像素的尺寸。它对于大显示器来说工作起来相当不错,但它会在小显示器上产生混乱。 – 2014-12-02 13:17:33
好的,谢谢你。所以让我们说这是搞砸事件的决议。为什么现在突如其来呢?它以前工作..可能是一个Chrome更新或什么? – HansElsen 2014-12-02 14:13:27
如果它是文本字段的大小的问题然后使用此:
<input type="text" name="name" size="35" value="">
size=35
是指定了<input>
元件的宽度,以字符。默认值是20(w3schools)
或查看更多w3.org (input.text.attrs.size)
'inspect'从您的系统布局和您的朋友使用的系统开发'和tools'检查'width' – 2014-12-02 09:47:23
我已经检查和宽度确实不同,但是我的问题是为什么它有所不同?设置都是一样的。 – HansElsen 2014-12-02 13:06:26