Chrome上不正確的頁邊距格式？

我有一個網站（templenaylor.com），關於Firefox或Mac上的鍍鉻顯示細膩，但在某些電腦顯示器，像這樣：Chrome上不正確的頁邊距格式？

那應該怎麼顯示：

我知道這是一個沒有codepen的模糊問題，但想知道是否有人遇到過這個問題，或者它只是我的版本的chrome。我沒有太多的PC來檢查網站，所以我在這裏要求輸入。謝謝！

來源

2017-01-31 YoungCoder

它會根據分辨率 – Keith

^他說什麼不同。你只需要在'＃header'上設置一個'min-height'（比如700px）。（在它工作的計算機上，只是嘗試調整瀏覽器窗口的高度，你會看到同樣的問題。） – sheng

其實，我看你在說什麼，根據你的屏幕截圖，他們都是關於同一決議，但我很肯定它仍然只是源於基本的身高問題。對我來說，在Firefox和Chrome上執行相同的操作。 – sheng

基本上，不同的pc有不同的長度和寬度。舉個例子，小型的imac會顯示你的網站很好，在哪裏更大的版本27inch imac有不同的寬度和大小，因此，它會在屏幕上作出不同的反應。

你需要檢查你的CSS，例如，它是一個很好的做法，使用百分比響應網站..但在某些情況下，它是一個很好的做法，使用@媒體規則。你可以將你的CSS設置爲@ 1300px寬度（@media規則），關於@media規則的http://www.w3schools.com/cssref/css3_pr_mediaquery.asp的研究。林相當肯定這將解決您的問題，因爲我以前面對這個問題與我上一個項目。但如果這不能解決你的問題。

您可能想了解更多關於webkit擴展的信息。 https://developer.mozilla.org/en-US/docs/Web/CSS/Webkit_Extensions

我希望這些。它會解決你的問題。乾杯。

來源

2017-01-31 16:42:58 FaridAvesko

「不同的pc」你會意識到提供的兩個截圖是在*相同的機器上捕獲的，對嗎？ – BoltClock

我沒有意識到它被捕獲在相同的電腦上，因爲這個問題真的很清楚。但是，如果它被捕獲在同一臺電腦上。該解決方案可能在媒體和webkit上使用。由於Chrome，Firefox和IE在某些CSS樣式上會有不同的反應。此外，Mac呈現網頁的某些元素不同於PC。例如，在媒體屏幕和（-moz-windows-theme）用於windows和@media屏幕和（-moz-os-version）可能會糾正問題.. :) – FaridAvesko

我在一臺筆記本電腦上瀏覽了Chrome瀏覽器（v56.0.2924.76）的這個網站，它製作了第二個截圖（你想要的）。但是，我認爲這個問題與標題背景圖像高度有關。您已將其設置爲100vh，但嘗試100vmax，這相對於視口較大尺寸的1％。這裏的CSS：

#header { 
    height: 100vmax; 
}

來源

2017-01-31 16:45:41

Chrome上不正確的頁邊距格式？

回答

相關問題