Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

修改整体宽度----适合宽屏用户!-----------自适应显示!

[复制链接]
极品熊猫 发表于 2010-6-15 17:23:38 | 显示全部楼层 |阅读模式
本帖最后由 极品熊猫 于 2010-6-15 17:32 编辑

需要修改的CSS文件在:template/default/common/common.css


原代码为:
  1. :/* 通用容器,定义页面宽度 */ .wp { margin: 0 auto; width: 970px; } #wp .wp { width: auto; }
复制代码
修改后
  1. /* 通用容器,定义页面宽度 */ .wp { margin: 0 auto; width: 95%; } #wp .wp { width: auto; }
复制代码
注意:width: 970px 修改成百分比就可以了。自适应的。。。。总体是自适应了,但是很多细节地方,不影响使用,希望大家合力解决。。。


演示:http://www.playpda.net


评分

1

查看全部评分

yaohuaien 发表于 2010-6-15 17:25:28 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

nginx 发表于 2010-6-15 17:26:59 | 显示全部楼层
红色部分在哪
回复

使用道具 举报

 楼主| 极品熊猫 发表于 2010-6-15 17:27:34 | 显示全部楼层
代码不让显示,已经修改好了。。你看吧。
回复

使用道具 举报

tzk 发表于 2010-6-15 17:29:53 | 显示全部楼层
这样改不理想,背景图片要改才行
回复

使用道具 举报

购铺商城 发表于 2010-6-15 17:51:46 | 显示全部楼层
支持一个!!
回复

使用道具 举报

台灣玩透透 发表于 2010-6-15 17:54:08 | 显示全部楼层
在线会员 - 总计 5762 人在线 - 最高记录是 14781 于 2010-6-15.
回复

使用道具 举报

csharpfans 发表于 2010-6-15 18:06:22 | 显示全部楼层
你这个有bug,完美版请看我写的。
教你的X也可以宽度自适应---兼容IE系列及firefox
回复

使用道具 举报

xulei722 发表于 2010-6-15 18:07:22 | 显示全部楼层
窄屏访问会什么样? 同问
回复

使用道具 举报

jackdai 发表于 2010-6-15 19:14:17 | 显示全部楼层
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-24 19:13 , Processed in 0.031368 second(s), 8 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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