![]() background-attachment Which element the background image is attached to, and how it acts while scrolling. This will resize the image to fit the container, instead of repeating it to fill the container. To ensure the table fits the browser size, you can add this custom CSS at either the site level (which will affect all pages in the instance) or the space level (which will affect only pages in that particular space). background-repeat Since this example is a single image, we set it to no-repeat. ![]() Image that is used in the test: atlassian logo2.pngĪllowing both the Table and Image to be responsive to the browser size so everything can be shown in the screen without scrolling. ![]() the images do not have explicit width and height assignments either in CSS or HTML. If you want to restrict a responsive image to a maximum size, use the max-width property: Example ![]() Same goes to placing an image with the size set to "Original" inside a table with Fixed Width, the image will scale(resize) according to the width of the table that is set by the editor. Use the max-width property of CSS if you want a responsive image up to a specific size. Setting the size of the attached image to "Original" will allow the image to scale(resize) automatically to fit the screen browsing Confluence (eg: Browser) in the case if the browser size is smaller than the image. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |