"Viewport" по метатегу в HTML ... если iPad = X и если iPhone = Y?

Question

Хорошо работает с 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" />

Answer 1

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

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

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

Устанавливает точку обзора с масштабируемой опцией

.

<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

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