2017-07-30 50 views
0

我想了解如何添加將佔用屏幕全寬的圖像。如何使圖像使用Joomla屏幕的全寬

我目前已經下載了新版本的Joomla 3.7.4,並且已經複製了Protostar模板來嘗試這樣做。

任何意見將非常感激。

+1

進入模板並添加'width:100vw'到相關的選擇器。 –

回答

0

你只是想使用內容區域的整個寬度?如果是這樣,你可以用純CSS做到這一點。只需將style="width: 100%"添加到圖片標籤,例如<img src="" style="width: 100%;">即可。更好的方法是將新樣式添加到模板CSS文件。

我通常上傳的圖片大於最大尺寸,並且有圖片的一般CSS規則img {max-width: 100%}。圖像將縮小以適應內容區域的寬度,因此我不需要爲每個圖像添加其他樣式信息。

enter image description here

+0

感謝你們的迴應,我正在尋找一些網站的例子,這些網站有我正在嘗試構建的網站,並且遇到了http://www.furnesspartnership.com/,它在整個屏幕上都有圖像。 – user3191160