Home/ Questions/Q 7649119
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T10:53:02+00:00

I’ve got liquid layout website that displays (8 x 240px) columns on 1920x1080px. There

  • 0

I’ve got liquid layout website that displays (8 x 240px) columns on 1920x1080px. There are no spaces between them. I added this to HEAD:

<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=yes,width=960" >
<meta name="viewport" content="width=device-width; height=device-height;">

I tried different settings in above code but no matter what I do on iPhone 2G and 4S it always displays (4 x 240px) columns (480×320px and 960x640px resolutions).

I want it to display 3 or 2 columns because first column contain text and it’s hardly readable now.

I just want to divide width by two on iPhone. How can this be done?

Furthermore, my website displays differently on iPhone (480x320px) and on desktop when I make browser 480x320px. Why is that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I haven´t used meta viewport before but it seems strange to set it twice and why use semicolon ; in one and commas , in the other?

    This seems more right to me but I haven´t tested it;

    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,maximum-scale=1,user-scalable=yes,width=960" />

    Hope it helps!

    • 0