My website layout changes if the user increases or decreases the browser’s (any browser) font size. Would someone kindly look at my website (http://www.heathersoos.ca) and suggest (simple explanation please) how I can control this with css. I would gladly include any coding from my site to help resolve this issue.
My website layout changes if the user increases or decreases the browser’s (any browser)
Share
Your layout is being resized because certain
divelements are being stretched or shrunk when the font size is resized, as they depend on the width of the contained text (they havewidth:auto). If you want to stop this from happening, you’ll have to hard-code the width of each of element. This is generally considered a bad coding practice and is best to avoid, however. A better idea is to have the layout resize in a desirable way.