Question

I realize that creating a mobile version of a site is a complex matter. However, I’ve noticed specifically that most large websites when you surf to them in mobile browser ie safari on iphone fill up whole page instantly. In contrast, my site displays small including font size, has white space at borders, and you need to adjust it by hand to fill up iphone screen. I gather part of solution is to replace pixel specifications with percentages. Is there anything else needed to make site instantly fill up pane, perhaps something about html doctype at beginning or other metadata?

Answer 1

add viewport meta tag

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">