让图片自适应手机宽度

临睡前把iPhone充了电实验了一下在iOS的Safari中看travel.synyan.net的效果,发现图片撑破了主题,而字体过小,拥挤在左侧,绝壁给常用手机阅读鄙人博客的童鞋带来了不便。怎么解决呢,方法挺简单,找到子主题style.css中的img样式定义,然后加上max-width: 100%;height:auto;。比如Colorlib主题的CSS是这样的:

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{
max-width: 100%;
height:auto;
}

不过据说IE不能正常解析max-width,回头有Windows Phone的童鞋帮我看一下。

共有 10 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注