Css 小屏幕上的图像重叠_Css_Overlapping

Css 小屏幕上的图像重叠

css

Css 小屏幕上的图像重叠,css,overlapping,Css,Overlapping,抱歉如果已经回答了，我找不到正确的信息大家好我正在努力找到我认为是解决这个问题的简单方法 www.keepdry.co.uk 在小屏幕（手机等）上，图像重叠，标志消失在门柱后面。在大屏幕上，它们相距足够远，可以分开我相信答案很简单，但我需要做什么才能使图像根据屏幕大小/分辨率进行收缩，同时使整个图像具有最小宽度，从而不会扭曲太多 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//HU" "w3.org/TR/html

抱歉如果已经回答了，我找不到正确的信息

大家好

我正在努力找到我认为是解决这个问题的简单方法

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>

；
keepDRY.co.uk

看起来您需要的是响应图像

这里是关于不同的选择

最简单的方法是：

img {
    min-width: 200px;
}

首先，不要对所有元素使用绝对定位。请发布代码。。。。keepDRY.co.uk哇。。。我们不是这个意思。请将代码放入问题中。不确定如何粘贴所有CSS代码，但链接如下：