首页 / 帖子
响应式主题:如何控制图片输出的属性

最近在学习用Omega 3.X做一个响应式主题,发现安装Omega Tools后,非常容易做出一个基本的响应式主题,但是发现图片的显示存在问题,图片不会随着屏幕宽度的调整而自动调整,我的一个基本想法是控制图片的样式,让它强制为:width=100%,如下图所示:

上面用红色标记的是我希望的HTML,下面用蓝色标记的Drupal标准的输出。


看起来我需要写一个<hook>_image,来控制img标签的width属性,我是个Drupal的初学者,不知道该如何下手,求高手指点。


2个答案
Amanda Song
发布于:2015-07-18 13:35
    height: auto;
    width: 100%

写全了应该是 , 

赵高欣
发布于:2015-07-20 09:56

另外,你可以通过css3的device适配方法,先设置容器的宽度,然后设置img的宽度100%

@media (max-width:960px){ }