1703人阅读
网络技术（35）
由于网站重新采用css设计,没有考虑到文章中图片太大导致div+css网页被撑破变形的情况,因为以前我一般是定义了文章中图片的width, height,而上传的文章就没有考虑到这点,于是导致了图片太大,大于容器DIV时,容器被撑破,网页变形,在试过了多种方法以后,终于找到解决网页被撑破的方法(附表格被撑爆解决方法)1.曾经尝试的方法#ViewBlog img {&& &&& width:expression(document.body.clientWidth & 540? &540px&: &auto& );&&& max-width:95%;&&& overflow:&&& }这个方法是定义容器ViewBlog中图片的属性,第一句取自蓝色理想的文章,就是当图片宽度大于540时就设置图片宽度为540px,然而非常遗憾的是这句判断恒为真,也就是说,无论何时容器 ViewBlog中所有图片大小都宽度为540px,虽然解决了网页被撑爆的问题,然而非常遗憾的,一些小图也变得很大,很多的锯齿第二句设置图片最大宽度为容器div宽度的95%,当图片大于容器95%以后,图片自动缩小,然而再次非常遗憾的,我们的IE大哥不支持max-width方法第三句是设置超出的隐藏,设置在这里貌似没有作用2.解决方法由于容器ViewBlog里面还嵌套了li,想到了设置li的overflow属性#ViewBlog li {overflow:}在IE下,FF,OPERA等浏览器下均支持,也可以在网页中这样写&li style=&overflow:&&&img src=&.jpg& /&&/li&如果是表格可以在放置图片的表格列里面加属性&table width=&300px& style=&table-layout:word-break: break-all&&&tr&&td&&img src=&.jpg& /&&/td&&/tr&&/table&&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：207969次
积分：2758
积分：2758
排名：第8995名
原创：48篇
转载：97篇
评论：27条QQ空间显示不正常网页排版混乱的解决方法
　　QQ空间有时候会需要网页排版混乱的问题，如果持续很久的话大家就要自己想办法解决了。小编前两天遇到了这种情况：不知道怎么回事，刚才打开QQ空间的时候还是正常的，上面的内容也能够完整地显示；刷新之后，网页就变得不正常，整个网页十分简洁，只显示QQ空间左上角的介绍，而网页下面的日志、像册等却完全不显示。小编就重新启动了电脑，并试了多个QQ好友的QQ空间，都出现同样的问题。随后，小编重新安装了Flash插件但也不行。
QQ教程之空间显示不正常解决方法
　　小编经过查询求助，后来找到了一个解决方法，具体步骤如下：
　　1、单击IE的&工具&菜单&&Internet选项&&&常规&选项卡；
　　2、然后点击&删除Cookies&按钮，清除Cookies后，接着单击&删除文件&按钮并单击&删除所有脱机内容&，然后单击&确定&；
　　3、等IE的临时文件删除完成后，按F5键刷新QQ空间，此时QQ空间就能正常显示了。
顶一下(0) 踩一下(0)
热门标签：IE的另类“故障”Web页面字体变大 排版混乱
　　同事的笔记本电脑安装的操作系统是Windows XP，因故借给别人使用，电脑送回来后便出现了怪现象：桌面图标及字体都很正常，但使用IE浏览网页时，Web页面的字体变大，排版混乱，且背景色消失，如图1所示。
　　图1 网页字体变大
　　开始觉得问题很简单，便着手修复。首先为确定是否是IE的问题，从网上下载了非IE核心的Opera 7.23简体中文版浏览器并安装后，页面终于显示正常了，但是同事不习惯使用Opera。从表面上看，似乎是IE本身有问题，于是对IE大动干戈，但是试过各种手段，竟都无功而返。
　　1. 调整IE“查看”菜单下的“文字大小”选项，失败；
　　2. 更改“Internet选项→常规”中的“字体”和“颜色”设置，失败；
　　3. 调整“控制面板”下的“显示”属性设置，调整默认字体大小，失败；
　　4. 更改注册表中的IE相关参数，并重新安装IE 6 SP1，失败；
　　5. 换用其他基于IE核心的浏览器，如 遨游、GreenBrowser等，失败；
　　6. 在命令符状态下，从其他显示正常的计算机上复制“宋体”、“新宋”等常用字体，失败。
责任编辑：2
互动评论加载中…
本日点击排行榜
本日评论排行榜
24小时点击排行榜
联系电话：020-　主编信箱：xix# (发送时请将#改为@)黑白这两种经典色调组合，永远是设计界和时尚圈中的宠儿。在网页设计中也是常用的色彩组合，让整体排版都非常有格调和质感。本文由普象|译文 整理，其他媒体如有转载需求请留言征询，谢谢！点击下方“阅读原文”查看《电商网站这么设计，还怕产品卖不出去？》↓↓↓
看过本文的人还看过
人气：38291 更新：
人气：32092 更新：
人气：20550 更新：
人气：19205 更新：
普象工业设计小站的更多文章
大家在看 ^+^
推荐阅读 ^o^
36款美翻的家居小吧台设计参考
78岁的老奶奶开着老爷车环游世界，结果来到中国后…
戴戒指有不同内涵，小心戴错戒指表错意！
谁说多肉夏天不好看，高温天气依旧美到爆！
猜你喜欢 ^_^
24小时热门文章
微信扫一扫
分享到朋友圈}