博达网站群网站建设制作设计中用div加css实现,判断电脑900像素到1920像素div中的内容完全显示,手机端300像素到899像素div中的内容隐藏
使用CSS的position属性和display属性来实现这个功能。具体实现方法如下:
<div class="container">
<div class="content">
<p>This is some content</p >
</div>
</div>
.container {
position: relative;
width: 900px;
height: 1920px;
}
.content {
position: absolute;
width: 300px;
height: 899px;
display: none;
}
解释:
1..container 是容器元素,设置了相对定位,并设置了宽度和高度。
2. .content 是内容元素,设置了绝对定位,并设置了宽度和高度。
3. display: none 属性将 .content 元素隐藏起来,使其不可见。
在手机端,可以通过设置 .content 元素的 display 属性为 block 来实现内容的显示。
例如:
.content {
display: block;
}
这样,在手机端,.content 元素将显示为一个300像素宽度和899像素高度的块。
上一篇:博达全媒体网站群网站建设制作中实现PC端901像素到1920像素div中内容正常显示,手机端300像素到900像素div中内容隐藏