热搜词

我的博客

版块简介:一些简单的介绍
  •  59帖子
  •  156讨论
  •  0关注

discuz响应式模板修改笔记

邱双仪 发表于 2023-6-10 20:35:44 | 显示全部楼层 |阅读模式
1269 0
头部<head>加入

  1. <meta name="viewport“ content="width=device-width,initialscale=1.0,maximum-scale=1.0, user-scalable=0" />
复制代码

css修改
  1. /* 通用容器，定义页面宽度 */ .wp { margin: 0 auto; width: 100%; max-width: 1200px; } #wp .wp { width: auto; }
复制代码

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

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

  4. }
复制代码


回复

举报

全部评论
正序浏览 倒序浏览

暂无评论，期待您打破宁静

您需要登录后才可以回帖 登录 | 注册
发表评论
TA的帖子

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

GMT+8, 2024-11-21 18:02 , Processed in 0.018006 second(s), 7 queries , Redis On.

Powered by Discuz! X3.5

Copyright © 2001-2024 Discuz Team.

发布 联系QQ