如何使图像使用Joomla中的屏幕的整个宽度

Question

我想找出如何添加占据整个屏幕宽度的图像。

我目前已经下载了新版本的Joomla 3.7.4并重复了Protostar模板以尝试这样做。

任何建议都会非常感激。

Answer 1

您是否只想使用内容区域的整个宽度？如果是这样，你可以用纯CSS做到这一点。只需将style="width: 100%"添加到图片代码<img src="" style="width: 100%;">即可。更好的方法是向模板CSS文件添加新样式。

我通常上传大于最大尺寸的图片，并为图片img {max-width: 100%}设置一般CSS规则。图像将按比例缩小以适应内容区域的宽度，因此我无需为每个图像添加其他样式信息。