"Viewport" par balise META en HTML ... si iPad = X et si iPhone = Y?

Question

Travailler bien avec iPad, mais pas l'iPhone

Tout code puis-je sens à l'iPad et l'iPhone

pour iPad

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

pour iPhone

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

Answer 1

iPhone max -La largeur est 480px non 440px

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

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

Détermine le point de vue avec l'option échelonnable off

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

Ce fichier css pour seulement iPad

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

Ce fichier css pour seulement iPhone

Ce sont des commentaires conditionnels qui ne s'appliqueront qu'aux périphériques spécifiques avec des largeurs max spécifiées.