Mobirise辅助程序模板如何调整图像大小(更改位置)?

时间:2019-07-14 14:38:53

标签: html css amp-html mobirise

我在Mobirise bulider中有个小问题。 我正在使用interioramp模板和标头块。我在左侧有一个文本,我想在右侧有一张照片。不幸的是,当我添加照片时,整个图块都会缩放,并且比原来大3-5倍。我试图操纵图像的大小,但是由于它是通过amp(?)加载的,因此我无法执行任何操作。

我想使该块看起来像第一张图片上的块。

第二张图片是带有随机图片的块(我想保持此尺寸,但添加我的照片)

第三张图片是我添加照片时的外观(在浏览器中缩放,因此我可以截屏)

在第四张图片上,您可以看到我未完成的工作。

下面是一些图片方面的代码:

<div class="image-wrap mbr-col-md-12 mbr-col-sm-12" mbr-class="{'mbr-col-lg-3':columnWidth==5 &amp;&amp; !blockDirection,
                             'mbr-col-lg-4':columnWidth==4 &amp;&amp; !blockDirection,
                             'mbr-col-lg-6':columnWidth==3 &amp;&amp; !blockDirection,
                             'mbr-col-lg-8':columnWidth==2 &amp;&amp; !blockDirection,
                             'mbr-col-lg-9':columnWidth==1 &amp;&amp; !blockDirection,
                             'mbr-col-lg-12':blockDirection,
                             'mbr-flex':!blockDirection}">
                <div class="image-block" mbr-class="{'mbr-col-lg-3':contentWidth==1 &amp;&amp; blockDirection,
                                 'mbr-col-lg-4':contentWidth==2 &amp;&amp; blockDirection,
                                 'mbr-col-lg-6':contentWidth==3 &amp;&amp; blockDirection,
                                 'mbr-col-lg-8':contentWidth==4 &amp;&amp; blockDirection,
                                 'mbr-col-lg-9':contentWidth==5 &amp;&amp; blockDirection,
                                 'mbr-mr-auto':alignTitle==1,
                                 'mbr-m-auto':alignTitle==2,
                                 'mbr-ml-auto':alignTitle==3}">
                    <amp-img src="file:///C:/Users/kacpe/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-05-23_231535/assets/images/sylvetka-1216x2684.png" layout="responsive" width="608" height="1342" alt="image" class="mobirise-loader">
                        <div placeholder="" class="placeholder"></div>
                        <img class="mbr-temp" src="file:///C:/Users/kacpe/AppData/Local/Mobirise.com/Mobirise/projects/project-2019-05-23_231535/assets/images/sylvetka-1216x2684.png" alt="" title="">
                    </amp-img>
                </div>
            </div>
        </div>

您有没有人知道如何制作它(更改了哪些参数等)看起来像第一个屏幕截图?这将非常有帮助

图片:https://imgur.com/a/Aj4V6NL

0 个答案:

没有答案