Блог

Хорошо работает с iPad, но не с iPhone

Любой код, который я могу перенаправить на iPad и iPhone

для iPad

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

для iPhone

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

Максимальная ширина iPhone равна 480px, а не 440px

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

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

Это отключает viewpoint с параметром масштабируемости

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

Это css-файл только для iPad

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

Это css-файл только для iPhone

Это условные комментарии, поэтому они будут применяться только к определенным устройствам с указанной максимальной шириной.