【问题标题】:Making an Ignite gallery mobile friendly使 Ignite 画廊在移动设备上友好
【发布时间】:2015-10-02 12:51:52
【问题描述】:

在使网站适合移动设备的过程中,但不确定是什么阻止了 Ignite Image 库缩小。

我尝试将包含标签的所有宽度以及图像本身更改为最大宽度,但似乎没有任何区别。

网址是:http://discus-music.co.uk/juxtavoices#!Juxtavoices_36

提前致谢

【问题讨论】:

    标签: html css mobile joomla responsive-design


    【解决方案1】:

    图像的内联最大宽度为 870 像素。如果你给它一个明确的百分比宽度 X% 它将流动。你可以这样设置:

    .large_img img {width: 100%; position: relative;}
    

    【讨论】:

    • 我尝试在检查器中删除内联宽度,但是当我设置宽度时:100%;在 img 上,由于某种原因,它显示为 10 像素宽,无论是否还声明了最大宽度。
    • 通过将图像更改为位置来解决此问题:相对;
    • 宾果游戏!做得好我已经更新了我的答案,这样可以帮助其他有类似问题的人
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-21
    相关资源
    最近更新 更多