I try to optimize a website for mobile devices using viewport tag inside the header. The website has a width of 1280px and I want to achieve that the site is initially shown in complete overview mode without the need do scroll horizontal.
I used that in the header:
<meta name = "viewport" content = "width = 1280, user-scalable = yes, initial-scale = 1.0"/>
My hope was that this would solve it, but looking at the site it is in a zoomed in mode on an iPad2. What goes wrong here? I thought that declaring the websites width and the intial scale to 1.0 would be enough. Maybe I don't fully understand what the parameters do. What would be the right values?