登录 注册

模板响应式具体要在哪里改 求指个路

论文写不完 UID 115 楼主
新手上路
11 浏览2 回帖6 天前

用七评CMS套模板,手机打开内容区挤成一团,想改响应式但不知道从哪下手。

我先去后台「模板管理」→「模板编辑」,找到正在用的模板目录,打开 css 文件夹里的 style.css,搜 @media,发现只有一条 max-width:768px。照着加了 img{max-width:100%},手机图片不撑破了。接着改 header 那块,把固定 width 换成百分比,结果导航挤成两行,回头查是容器 padding 没跟着调。最后在「系统设置」→「站点设置」里确认了移动端视图开关是开的。

这套流程走完基本能看,但七评CMS模板响应式这块我改得比较笨,你们有没有更省事的做法,或者这样改会不会影响PC端?

#1
回帖(2) 2楼 起为回帖 · 最新在前
UID 110 永不服输 3楼
新手上路

我按你说的「模板管理」→「模板编辑」找 style.css,@media 里那条 768px 也得留意 header 的 .nav 和 container 的 padding,光换百分比不行,得一起调。你在「站点设置」里移动端视图开着,PC 端应该没事,但要看看 .logo 那段有没有写死宽度。

6 天前
UID 68 凌晨三点的我 2楼
新手上路

我也在「模板管理」→「模板编辑」里找到那条 max-width:768px,只改图片确实不够。想问下楼主,header 容器里有没有 logo 的 width 字段?我这边换成百分比后导航挤两行,顺便把 padding 调小了。这样改 PC 端不会乱吧?

6 天前
登录 或 注册 后参与回帖