圖像重疊在小屏幕上

道歉，如果這已經回答了，我找不到正確的信息圖像重疊在小屏幕上

大家好

我苦苦尋找什麼，我相信這是一個簡單的解決這個問題。

www.keepdry.co.uk

在一個小屏幕（手機等）的圖像重疊和標識消失球門柱後方。在一個大屏幕上，他們坐得足夠遠，可以分開。

我確定答案很簡單，但我需要做些什麼才能使圖像縮小，取決於屏幕尺寸/分辨率，但對於整個圖像具有最小寬度以免失真太多。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//HU" "w3.org/TR/html4/loose.dtd">; 
<html> 
<head> 
    <title> keepDRY.co.uk </title> 
    <link rel="stylesheet" href="css/main.css" type="text/css"> 
    <link rel="icon" href="assets/favicon.ico" type="image/x-icon" /> 
</head> 
<body> 
    <div id="players"></div> 
    <div id="logo"></div> 
    <div id="fence"></div> 
    <div id="carabiner"></div> 
    <div id="pouch"></div> 
    <div id="comingsoon"></div> 
</body> 
</html>

來源

2013-12-17 user3111323

您應不使用絕對定位的所有元素開始。 – shem86

請發佈代碼.... – NoobEditor

<！DOCTYPE html PUBLIC「 - // W3C // DTD HTML 4.01 Transitional // HU」「http://www.w3.org/TR/html4/loose.dtd」 > \t keepDRY.co.uk \t <鏈路的rel = 「樣式表的」 href = 「CSS/main.css的」類型= 「文本/ CSS」> \t <鏈路的rel = 「圖標」 HREF = 「資產/ favicon.ico的」類型= 「圖像/ X-圖標」/> \t

– user3111323

它看起來像你想要的是響應圖像。

這是an article關於不同的選項。

最簡單的方法：

img { 
    min-width: 200px; 
}

來源

2013-12-17 13:16:31 screenmutt

圖像重疊在小屏幕上

回答

相關問題