Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά κατάχρησης».

Μάθετε περισσότερα

Firefox won't scale svg image properly

  • 6 απαντήσεις
  • 1 έχει αυτό το πρόβλημα
  • 1 προβολή
  • Τελευταία απάντηση από preben_n

more options

On the page parakletos the svg image does not scale correct with Firefox. The image scales correct with both Chrome and Edge, where it scales to full screen in all screen sizes.

The site is build with Adobe Muse and I have used the Muse widget called "slideshows - fulle scree" for the svg image.

/preben

On the page parakletos the svg image does not scale correct with Firefox. The image scales correct with both Chrome and Edge, where it scales to full screen in all screen sizes. The site is build with Adobe Muse and I have used the Muse widget called "slideshows - fulle scree" for the svg image. /preben

Τροποποιήθηκε στις από το χρήστη preben_n

Επιλεγμένη λύση

Problem solved. I saved the image as SVG without a mark in the "set viewbox" option, and then used that SVG in the Muse widget "slideshows - full screen".

Thank you

Ανάγνωση απάντησης σε πλαίσιο 👍 0

Όλες οι απαντήσεις (6)

more options

Can you post screen shot from both Browser so someone can see what is happening?

more options

On mine, the SVG element has

width x height = 1536 × 1913.02

It's much too tall.

I don't know enough about SVG to advise on how to handle this, but I experimented.

If I add this to the img element, it is centered and sized to fit:

style="width: 100%;height: 100%;"

If I add this to the img element instead, it is left-aligned and sized to fit:

style="max-width: 100%;max-height: 100%;"

more options

If I use the English page then I see a margin-left:520px; rule that causes weird effects (small image in the top right corner). If I disable that rule then the image shows the same as the Danish version in Firefox.

#u296015 {
 z-index:5;
 display:block;
 /*! margin-left:520px; */
}
more options

Thank you all.

I do not know how to read and write the code. I only know that the image behaves differently in Firefox-browser on the one hand, and Google- and Microsoft-browser on the other hand.

For example if I use the resizer tools on -

https://material.io/tools/resizer/#url=https%3A%2F%2Fparakletos.dk

and

http://quirktools.com/screenfly/#u=http%3A//parakletos.dk&w=1024&h=600&s=1

- then the image resizes very differently in Firefox-browser and Chrome-browser, and I do not know why.

more options
more options

Επιλεγμένη λύση

Problem solved. I saved the image as SVG without a mark in the "set viewbox" option, and then used that SVG in the Muse widget "slideshows - full screen".

Thank you