私人领地»论坛 › 个人专区 › 我的博客 › discuz响应式模板修改笔记

返回列表发新帖

discuz响应式模板修改笔记

邱双仪 发表于 2023-6-10 20:35:44 | 显示全部楼层 |阅读模式

头部<head>加入

<meta name="viewport“ content="width=device-width,initialscale=1.0,maximum-scale=1.0, user-scalable=0" />

复制代码

css修改

/* 通用容器，定义页面宽度 */ .wp { margin: 0 auto; width: 100%; max-width: 1200px; } #wp .wp { width: auto; }

复制代码

当屏幕分辨率小于600像素时，元素显示：无，也就是整块在网页上不显示，并且不占位。

@media only screen and (max-width: 600px) {
.tl .by {display: none;}
}

复制代码

回复

返回列表发新帖

Archiver|手机版|私人领地 ( 浙ICP备19032069号-2 )

GMT+8, 2023-9-30 10:11 , Processed in 0.013851 second(s), 3 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表