临睡前把 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 条评论

  1. 兼容各种浏览器真是不容易
    不是号称国内还有很多用户还是 IE6

    Firefox 30 Firefox 30 Windows 7 Windows 7

发表评论

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