网页图片自动适应浏览器宽度

眼看三月又要结束了, blog还没有更新, 拿来以前写在zim里的一条笔记充数...

有了zim以后, 几乎不再用office了, 常用它编辑一些富文本, 比如加粗, 下划线, 斜体什么的, 有快捷键操作, 很方便, 插图也很简单. zim是我认为的神器(神器=小巧+强大)之一.

有时候用zim写好的笔记给别人看时, 直接按"ctrl+p"就可以打印成网页的格式了, 非常方便(而且得承认, 单论富文本的显示效果, 网页格式 > pdf格式 > doc格式). 只是有一点不太好, 就是有时插入的照片很大, 在浏览器里查看的时候显示的还是原尺寸图像, 非常方便...

查了一下, 其实只要在html文件关于插入图片那一行加入width="100%" height="100%" style="z-index:-100"就可以了.

比如, 在zim生成的html文件里, 这样替换就可以了:

<img src="./xxx网页_files/IMG_1186.JPG" alt="" ><br>

<img src="./xxx网页_files/IMG_1186.JPG" alt="" width="100%" height="100%" style="z-index:-100"><br>

即进行替换:

" alt=""

" alt="" width="100%" height="100%" style="z-index:-100"

这个我倒是时常用到, 比如给家人发最近活动的照片时 , 可以用zim写上一些文字作为照片的注释, 然后生成网页文件然后打包发掉...

OK, 水文结束...

comments powered by Disqus