圖像在Chrome的Windows

不顯示我有一個網站https://drygon.ca/，有一個照片「照片一天」的網頁，它會顯示在所有瀏覽器，除了在Windows瀏覽器和設備。我在Linux上試過Chrome，它也可以。圖像在Chrome的Windows

我檢查元素的超級鏈接就在那裏，不知道爲什麼它不會顯示？如果我點擊其他標籤，然後再次點擊主頁它會顯示。

該網站是寫在reactjs，存儲照片下的火力點。

的Windows 10時，Chrome 59.0.3071.86（64位）在Chrome

來源

2017-06-06 zizi

「照片一天」圖像加載我。我在版本58.0.3029.110（64位）上。

但是它需要很長的它在Chrome加載VS火狐（約堅實分鐘），您的問題可能是圖像有多大3648 X 2736（當前圖像）。您正在使用CSS縮小寬度，但瀏覽器仍處理整個圖像的大小。嘗試使用圖像工具並將實際圖像縮小到所需的大小。

修訂：

考慮在你的網站第二次看後，我相信這個問題會在這裏是Chrome是如何處理彎曲的CSS規則。該網站始終採用柔性規則，特別是在Photo A Day上，並且它是#dayphoto ID的容器。這個容器內的flex項目（card-header和day photo）被設置爲相同的高度，但是由於圖像是從絕對路徑加載的，因此它不會被添加（使用它的高度），直到稍後。因此，圖像周圍的.card-block容器的高度與.card-header相同，此外，圖像的高度設置爲從.card-header繼承的100％。閱讀關於Flex：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

概括地說，你的圖像上更改CSS高度：

#dayphoto img { 
    width: 640px; 
    height: auto; 
    padding: 1rem; 
}

的圖像實際上是永遠存在/加載，你就不能看到它！

來源

2017-06-06 04:46:20 javaBean007

你使用的是Windows 10？我試了3臺電腦，其中沒有一臺顯示。 – zizi

是的，在Windows機器上，使用Windows 10.你等待圖像加載多久？ – javaBean007

它根本不會加載，我必須點擊其他標籤，然後回到它那裏。我在Linux中使用Chrome，它會立即加載，也在Windows中加載Firefox。 – zizi

圖像在Chrome的Windows

回答

相關問題