Joomla玩响应式布局请远离JCK Editor
之前一直在Joomla后台使用JCK Editor编辑文章,这次给一像素改版,想跟上响应式布局的潮流,才发现一直用JCK Editor带来的问题。用它编辑生成的html代码,会把图片的长宽信息全部保留在在style=""里面,像下面这样:
<img style="width:900px;height:300px" src=
然后,上面的html代码在响应式布局下,图片宽度会随着屏幕宽度的变小而缩小,但是图片的高度并不会发生变化,所以图片就会被挤的很难看。正确的图片html长宽代码应该如下面:
<img width="900" height="300" src=
为了让Joomla的文章更好的支持响应式布局,img标签中的width和height可以干脆不要,简洁如下:
<img src=
这次博客改版,又手动处理了之前博客文章中所有的图片html代码,很蛋疼...所以,如果玩响应式布局,请不要使用JCK Editor。当前,我用的编辑器是JCE,就没有style=""这种问题。