div的自适应问题
发布网友
发布时间：2022-04-22 08:55
共1个回答
热心网友
时间：2022-04-21 17:39
可以写声明，比如
<style type="text/css">
@media(max-width:960px)
{
}
</style>
意思是在屏幕宽度小于960px的时候执行的样式，当然你可以把960px改为其他更小的宽度，例如760px。
然后把不需要的标签隐藏掉就行了
<style type="text/css">
@media(max-width:960px)
{
/* 网页全屏显示 */
body {width:100%;}
/* 正文全屏显示 */
#divMain{width:100%}
/* 为了避免正文图片超出屏幕宽度 */
/* 正文图片宽度最多是屏幕宽度的90% */
#divMain img{max-width:90%}
/* 隐藏头部、导航、侧栏、页脚 */
#divHead{display:none}
#divNav{display:none}
#divSide{display:none}
#divBottom{display:none}
}
</style>
