Copy link to clipboard
Copied
Is there any way to get an HTML object to resize respnsive both width AND height? I have a lot of pages I collect from a website containing one image/page pr. HTML object, and it will only resize the width.
<img style="-webkit-user-select: none;max-width: 100%;" src="https://www.vegvesen.no/public/webkamera/kamera?id=803045">;
I found a solution for you. Create a graphic style and apply it to all the desired objects.
Paste the following code into the head (page properties> html for head)
<style>
.responsiveConteiner {
min-height: auto !important;
}
</style>
Instead of .responsiveConteiner, insert your graphic style name.
After these actions, inside the Muse this will work as before, without changes.
But inside the browser it will work fine, as you want.
Copy link to clipboard
Copied
that code will not work but yes it is possible with some code skill... I remember Pavel Homeriki made some a while back
Copy link to clipboard
Copied
I answered you via PM...But even your code works great. I do not understand what your problem is.
Copy link to clipboard
Copied
Hi, and thanks for your reply.
The problem is the height - it wont resize. I am using responsive layout, and when I open the page on the phone everyting is pushed down. It resizes OK on width, but nothing on height.
Copy link to clipboard
Copied
Here is a samle;
Copy link to clipboard
Copied
Ok, I get it. You mean the container inside the Muse.
Unfortunately this can not be solved with the help of css only, since it is the internal container that Muse creates when the code is placed on the page. Perhaps (I'm not sure) this can be solved with mucow, but you will need special knowledge for this. MuCow Documentation
Pay special attention to the <builtIn> tag and its values. Or you will need to hire a specialist for this.
Copy link to clipboard
Copied
I found a solution for you. Create a graphic style and apply it to all the desired objects.
Paste the following code into the head (page properties> html for head)
<style>
.responsiveConteiner {
min-height: auto !important;
}
</style>
Instead of .responsiveConteiner, insert your graphic style name.
After these actions, inside the Muse this will work as before, without changes.
But inside the browser it will work fine, as you want.
Copy link to clipboard
Copied
Hi, and thanks for ur excellent help. That works perfect
Copy link to clipboard
Copied
Pavel Homeriki you are a genius.
Thank you so much.