Prevent that a fixed element resizes when zooming on touchscreen

Question

On an HTML website, you have a fixed element like this:

  
Some content

It has this

Answer 1

You're missing a width attribute and you can use things like max-width and max-height to help keep the box the size you wanted. However, zooming allows the user to get pretty granular with a page, so there's always going to be a chance they have that issue.

#fixed { height:150px; width: 200px; max-width: 200px; max-height: 150px; position:fixed; top:0; left:0; z-index:10000; }