Site layout, the block is on smartphones, what should I do?

Question

iPhone

What to add to the css code or somewhere else so that the block does not go on the mobile version (iPhone5, Samsung of some kind). The block width is set to 60%, the font is in pixels. Tested for adaptability in different services, everything is "ok", except for iPhone5. What could be the reason?

Answer 1

For the future, I recommend writing through media queries for different devices and definitely !!! in head specify viewport
media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { ...}
etc.

Answer 2

url maybe?

Answer 3

white-space: nowrap;
either
display: inline-block;
and the button will jump down.