Images spilling over right page edge?

[#1]

Hello everyone!

Following issue: I want to put images with the resize setting "None" into a fluid-width page. If the browser window gets smaller than these images are wide, I can suddenly scroll horizontally, but only to the right, up to the right edge of the non-responsive image. I don't want the browser to allow any horizontal scroll though. What can I do to avoid this?

Issue seems to happen in Safari and on iOS devices, but not in Chrome and in Muse's own preview browser.

Thank you for any help!

[#2]

Hello everyone!

Following issue: I want to put images with the resize setting "None" into a fluid-width page. If the browser window gets smaller than these images are wide, I can suddenly scroll horizontally, but only to the right, up to the right edge of the non-responsive image. I don't want the browser to allow any horizontal scroll though. What can I do to avoid this?

Issue seems to happen in Safari and on iOS devices, but not in Chrome and in Muse's own preview browser.

Thank you for any help!

[#3 · Accepted solution]

You never should place objects outside or overlapping the page/breakpoint boundaries. Different browsers react differently in this case.

Especially every mobile browsers will zoom in you page, because he tries to display all page elements, regardless, if they are places within or outside the page/breakpoint width.