响应式主题：如何控制图片输出的属性 - Drupal大学

Warning: Undefined array key "HTTPS" in include() (line 29 of /opt/www/fdv2/drupal.stage/web/sites/default/settings.local.php).

include('/opt/www/fdv2/drupal.stage/web/sites/default/settings.local.php') (Line: 4)
require('/opt/www/fdv2/drupal.stage/web/sites/drupal001.net/settings.php') (Line: 145)
Drupal\Core\Site\Settings::initialize('/opt/www/fdv2/drupal.stage/web', 'sites/drupal001.net', Object) (Line: 1099)
Drupal\Core\DrupalKernel->initializeSettings(Object) (Line: 701)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

响应式主题：如何控制图片输出的属性 - Drupal大学 - Drupal问答论坛

首页 / 帖子

响应式主题：如何控制图片输出的属性

AnnyO 星期一,07/13/2015

最近在学习用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){ }

分类

Drupal开发

模块相关

主题相关

架构讨论

其他技术

服务器相关