css背景圖像被切入移動風景模式

2015-07-21 100 views 0 likes

我在建設 this landing page 在移動風景模式下，背景圖像在滾動點被切割。css背景圖像被切入移動風景模式

我該如何解決這個問題，以便在滾動頁面時看到整個圖像？ tnx

來源

2015-07-21 DavSev

你的網站沒有響應那麼其分辨率你說什麼？請爲此解決方案提供解決方案解決方案 –

：max-width：1080px – DavSev

如果您有一個響應寬度屬性，您可以使用'background-size：contains'來避免中斷 – maioman

回答

您可以使用srcset屬性來定位不同的分辨率。如果您想將您的應用程序定位到所有類型的設備（大到小），則使用同一圖像定位所有分辨率並不明智。

<picture> 
    <source srcset="img/extralarge.jpg, img/extralarge.jpg 2x" media="(min-width: 1000px)"> 
    <source srcset="img/large.jpg, img/large.jpg 2x" media="(min-width: 800px)"> 
    <source srcset="img/medium.jpg"> 
    <img srcset="img/medium.jpg" alt="Sample Test"> 
</picture>

在上面的代碼中，我使用了3種不同類型的圖像，目標是不同的分辨率。

此外，還可以使用響應圖像查詢的網址 http://alistapart.com/article/responsive-images-in-practice

來源

2015-07-21 07:30:28

相關問題

11. 背景圖像css
12. CSS背景圖像
13. Chrome背景圖像被剪切
14. CSS：背景顏色的背景圖像
15. 移動固定圖像背景css，圖像滾動
16. 的UISearchBar沒有背景風景模式
17. 風景模式下的背景變化
18. CSS - 背景圖像被截斷
19. CSS背景圖像上移動設備模糊
20. CSS背景切割
21. JavaScript切換背景圖像
22. 背景圖像高度切
23. IE8切斷背景圖像
24. 切換背景圖像（jQuery）
25. css響應式背景圖像地圖
26. 居中背景圖像在移動Safari瀏覽器，風景*和*肖像（iPhone/iPad）
27. CSS背景圖像滾動動畫
28. 自動切換div的背景圖像？
29. 切換背景圖像動畫
30. 花式背景中的背景圖像？