Home/ Questions/Q 8268977
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T06:04:18+00:00

I’m trying to optimize my webpage to 720*1200 mobile devices: My page It works

  • 0

I’m trying to optimize my webpage to 720*1200 mobile devices:
My page

It works perfectly on 320*480 and 480*800 devices, but not on 720*1200.
The page loads zoomed in,
just like the layout viewport would be 720*1030 but the visual viewport would be 360*515.

I’ve set the viewport tag, but it hasn’t any effect.

<meta name="viewport" content="width=device-width,user-scalable=false" />
<title>teeg bejelentkezes</title>
<link rel="stylesheet" type="text/css" media="only screen and (min-device-width:720px)" href="css/style-720.css" />
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width:719px) and (max-width:719px) and (min-device-width:480px) and (min-width:480px)" href="css/style.css" /> 
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width:479px) and (max-width:479px)" href="css/style-320.css" />

Thanks for any help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Thanks for answers, i’ve tried Matt Coughlin’s suggestion, but the AVD (720*1280) included the 480px css instead of 720. In the end I switched my approach and i changed my design to responsive. RWD
    and Examples

    • 0