<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
您好，我在页面左侧放置了图片，在页面右侧放置了描述。我有条款内容，我将其放在图片和描述内容下方。现在当我最小化时，我只能看到适合屏幕的部分描述内容。但是我想要的是当我最小化时，描述应该放在图片下面，术语应该放在描述下面。
这是我放置在 body 左侧的图像类:
.appPreview {
max-width: 300px;
height: 300px;
border: 1px solid #cecece;
margin-left : 55px;
}
span.grey {
color: #cecece;
}
这是我在 body 右侧放置描述的类(class):
.right_content
{
float: left;
border: 1px solid #CCC;
width: 400px;
margin-top : -520px;
padding-bottom : 150px;
}
这是我的类(class)，用于在图片和描述下方放置术语:
div.MoreInfoterms {
width : 850px;
margin-right : 250px;
margin-left : 55px;
margin-top : 20px;
border: 1px solid #cecece;
background-color: #f7f9f9;
max-height:700px;
margin-bottom : 20px;
}
我真的不知道如何实现这一点所以任何帮助将不胜感激。
最佳答案
试试这个:
@media screen and (max-width: 1024px) {
.appPreview {
display: block;
}
.right_content {
float: none;
}
div.MoreInfoterms {
width: 100%;
}
}
您应该使用百分比而不是像素。
关于html - 最小化页面时如何使我的网页响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19908784/