適應圖像到任何設備

-2

我有一個問題，我需要把我的網頁的身體背景圖像，但這是響應和適合任何大小..這我應該只做與CSS或JavaScript也可以給例如請適應圖像到任何設備

2017-07-15 max

Google上的首次訪問是[Perfect Full Page Background Image]（https://css-tricks.com/perfect-full-page-background-image/） – adeneo

您試圖分享以顯示您的問題的任何代碼？你介意背景大小嗎？ –

聽起來像是你想要'@ media'和'background-size'的組合。如果正確完成，你不需要任何JS。 –

對於CSS

.body { 
    background-image: url('myImg.jpeg'); 
    background-position:center top; // you can change this as you like. 
    background-repeat:no-repeat; 
    -moz-background-size:cover; 
    background-size:cover; 
    height: 100%; 
    width:100%; 
}

爲Firefox瀏覽器添加-moz-background-size。

來源

2017-07-16 01:06:22 kansiho

對於HTML：

<body class="background"> 
    <!-- Content goes here --> 
</body>

對於CSS：

.background { 
    background-image: url(image.png); 
    background-size: cover; 
    position: fixed; 
}

告訴我是怎麼回事！

來源

2017-07-15 14:59:58 HoogleyBoogley

適應圖像到任何設備

回答

相關問題