Home/ Questions/Q 7943189
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T00:11:43+00:00

Working good with iPad but not iPhone Any code can I direction to iPad

  • 0

Working good with iPad but not iPhone

Any code can I direction to iPad and iPhone

for iPad

<meta name="viewport" content="width=1040px, minimum-scale=0.5, maximum-scale=1.0" />

for iPhone

<meta name="viewport" content="width=440px, minimum-scale=0.5, maximum-scale=1.0" />
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    iPhone max-width is 480px not 440px

    <meta name = "viewport" content = "user-scalable=no, width=device-width"/>

<meta name="apple-mobile-web-app-capable" content="yes"/>

    This sets the viewpoint with the scaleable option off

    <link media="only screen and (device-width: 768px)" rel="stylesheet" href="css/ipad.css" type="text/css" title="no title"/>

    This is a css file for only iPad

    <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="css/small-device.css" type="text/css" title="no title"/>

    This is a css file for only iPhone

    They are conditional comments so they will only apply to specific devices with specified max-widths.

    • 0