博达网站群网站建设制作设计中用div加css实现,判断电脑900像素到1920像素div中的内容完全显示,手机端300像素到899像素div中的内容隐藏

时间:2023-03-25 作者:新势力科技 阅读数:153

博达网站群网站建设制作设计中用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中内容隐藏

下一篇:在线答题考试系统v3陕西中医药大学《中药分析学》在线答题考试系统正式启用