图片自动等比例缩放css: max-width:100%兼容IE6、IE7、IE8、FirefoxCSS的防止图片撑破页面的代码，图片会自动按比例缩小适应当前容器的宽度。max-width, min-width, max-height 和 min-heigh是CSS2的属性，它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器，但不能与IE 6和更低版本IE浏览器兼容，比较常用的解决方案是通过CSS表达式让IE6实现相同的效果。例如：如果有一个或多个图像，显示图像的宽度应该有一些限制，即图像不应该有宽度超过760px（假设），那么图像的CSS应为如下：undefined同样的方法你可以试试最小宽度、最大高度和最小高度。补充：需要注意的是IETester模拟的I...

继续阅读 »

在 DIV+CSS3 的布局中，我一直以为 IE6 是最难伺候的，一会这个 bug，一会那个 bug，如果能把 IE6 摆平了，那也就天下太平了，兼容其他的浏览器应该也就不成问题。但是，我在制作新的 bo-blog 主题中碰到了一个不属于 IE 的杯具问题，在 Firefox、Opera、Safari 甚至在 IE 下都能正常显示的页面居然在 Chrome 下错位了！？这是让人无法容忍的，我可以 kill IE，但我不能把 Chrome 也给 kill 了。对于网站交互设计来说，chrome浏览器确实考虑的比较细致，针对眼视力障碍提供很好的帮助，但是为什么对于中文版的有12px限制呢？因为在中文当中，普遍使用的是宋体，宋体字体当中最小而且最清晰是12px大小，低于12px大小的文字就会看不清楚，针对中国本...

继续阅读 »