Let's say I have a website (This is the actual one).
It has a fixed width of 1024px and the content is centered. I use width=device-width, initial-scale=1
for setting up the website to be nicely viewable on a mobile device.
Note: This is not a programmer question, but for clearance, I added this meta tag here.
On my iPhone, I only see the top right corner and don't get an overview of the site at all:
(I removed content that is irrelevant to the question from the screenshot)
I always get recommendations for width=device-width
over width=1024
, but despite the programming behind this: What is the recommended default viewport for fixed-width websites?
- Like on the screenshot?
- Website width = iPhone width? (Would that be too small?)
- Something in between maybe?