谷歌浏览器布局不同

我有一个网页，在Chrome浏览器中一直很好看。
现在我有不同的系统布局的情况。
我试图找到配置的任何差异，但我找不到任何东西。
版本，扩展名和Windows版本都是一样的。谷歌浏览器布局不同

我知道修复很简单（编辑文本框的宽度），但是有人知道可能导致这种不一致的原因是什么吗？

这里是我同事的系统上的布局：
Correct layout

这里是我的系统上的布局：
Wrong layout

来源

2014-12-02 HansElsen

'inspect'从您的系统布局和您的朋友使用的系统开发'和tools'检查'width' – 2014-12-02 09:47:23

我已经检查和宽度确实不同，但是我的问题是为什么它有所不同？设置都是一样的。 – HansElsen 2014-12-02 13:06:26

这是因为非标准CSS使用和可能你的系统都有不同的屏幕分辨率。您可以使用CSS的标准规则在任何地方保留相同的外观。

来源

2014-12-02 09:38:07

如果您使用标准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

-1

如果它是文本字段的大小的问题然后使用此：

<input type="text" name="name" size="35" value="">

size=35是指定了<input>元件的宽度，以字符。默认值是20（w3schools）

或查看更多w3.org (input.text.attrs.size)

来源

2014-12-02 09:45:15 kupendra

我已经有问题的解决方案。但问题是，为什么两台机器的宽度不同？ – HansElsen 2014-12-02 13:07:54

所以，也许问题是两个bowser的屏幕分辨率不同。 – kupendra 2014-12-02 13:38:49

谷歌浏览器布局不同

回答

相关问题