爲什麼在手機版全屏幕背景圖像模糊？

爲什麼在手機版全屏幕背景圖像模糊（僅在設備上）？我怎樣才能解決這個問題？爲什麼在手機版全屏幕背景圖像模糊？

2016-07-14 gainsky

測試看你會不會失去了圖片的任何部分，你的圖像的質量明顯很差。這可能是像素密度問題，您的低分辨率文件在「視網膜樣式」顯示器上顯得更糟？ –

在移動視圖中圖像不會模糊。我已經在FireFox和Chrome上測試過它們。也許這只是因爲你的圖像質量很差。 – ZombieChowder

小東西，你爲什麼叫一個標籤'Sur nous'。我個人比較喜歡'提案';） –

的圖像是模糊的，因爲它們具有背景附件：固定。此屬性將圖像拉伸至窗口的整個大小，因此在移動設備上它們看起來很模糊。要解決此問題，請嘗試設置background-attachment：從特定大小修復。例如：

.class-with-background{ 
 
    @media (min-width: /* size to apply the fixed background */){ 
 
    background-attachment: fixed; 
 
    } 
 
}

通過使用此CSS代碼在5K的Retina iMac電腦上的瀏覽器

2016-07-14 13:42:50 therealbischero

回答