谷歌瀏覽器佈局不同

我有一個網頁，在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

谷歌瀏覽器佈局不同

回答

相關問題