如何使多個CSS背景圖像具有響應性？

Question

我正在創建一個流暢的網站，其中包含包含CSS背景圖片的多個部分。 我將如何使這些圖像具有流體響應性？ 我知道如何使用標准標記執行此操作，但是看不到CSS背景圖片能解決這個問題。 正如您在下面看到的，每個標簽在CSS中都包含一個背景圖片。

我的網站結構：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Example</title>
</head>
<body>
    <section id="background-image-one"></section>
    <section id="background-image-two"></section>
    <section id="background-image-three"></section>
</body>
</html>

Answer 1

您可以使用background-size來縮放將在大多數移動設備上運行的圖像-盡管在某些較舊的桌面瀏覽器上卻不行（通常是懷疑的）。 但是，這不會縮小圖像，因此可能值得看一下類似http://adaptive-images.com/的內容，它可以將不同大小的圖像存儲到具有不同屏幕尺寸的設備上。 注意視口大小沒有不同。

如何使多個CSS背景圖像具有響應性？

問題描述

1 個解決方案

解決方案1
1 2013-04-16 14:50:20

如何使多個CSS背景圖像具有響應性？

問題描述

1 個解決方案

解決方案1 1 2013-04-16 14:50:20

解決方案1
1 2013-04-16 14:50:20