Joomla玩响应式布局请远离JCK Editor

joomla

之前一直在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=""这种问题。

Joomla

提交评论


安全码
刷新

Email: i at onepx dot com || QQ: ⑧九零三④幺 || 微信: onepxcom
©2019 一像素 蜀ICP备13026576号-2 技术支持:成都网站建设