HTML CSS pour les mobiles

Question

Y at-il une différence dans l'écriture html et css pour mobile à partir du web?

Answer 1

Oui. Il y a une différence de CSS pour chaque navigateur que vous ciblez!

Answer 2

Cela dépend beaucoup de la modernité des appareils mobiles, ou du moins de ceux que vous supportez. L'iPhone, par exemple, se comporte presque de la même manière avec le bureau Safari (sauf l'absence notable de Flash). Mais les téléphones de milieu de ligne d'il y a plus de 3 ans prennent à peine en charge la navigation en mode texte seulement.

Answer 3

La façon dont HTML et CSS sont interprétés est complètement dans le domaine du navigateur Web. Les normes ont été établies, et la plupart des principaux navigateurs tentent de se conformer à ces normes ces jours-ci.

Tant que la plate-forme mobile dispose d'un navigateur qui implémente le CSS et le HTML de manière standard, alors il n'y a pas de différence dans l'écriture de code HTML et CSS pour un appareil mobile. La manière dont vous souhaitez que votre page Web apparaisse sur un tel périphérique peut cependant être complètement différente, et vous devrez peut-être écrire un second jeu de HTML/CSS pour présenter les mêmes données à un navigateur mobile.

Answer 4

Si vous avez apprécié (sarcasme) la diversité des navigateurs Web, vous allez adorer les téléphones mobiles, les navigateurs et les opérateurs. PPK a été payé par Verizon Allemagne pour faire quelques tests afin qu'il puisse jouer avec l'ensemble des téléphones vendus par le transporteur et il a donné theses posts and tables.

Juste horrible.

Answer 5

Comme d'autres l'ont mentionné, le niveau de support CSS parmi les appareils mobiles varie encore plus que sur le bureau. Ce que d'autres n'ont pas mentionné, cependant, est un ennui assez important que les développeurs mobiles doivent connaître: les types de supports CSS doubles.

Certains (nombreux?) Navigateurs mobiles annoncent l'acceptation des types de support d'écran et de terminal mobile. Cela signifie que le service d'une feuille de style de poche ne suffit pas, car le périphérique appliquera également les règles de la feuille de style à l'écran.

Pour résoudre ce problème, il est parfois suffisant de définir explicitement des règles dans votre feuille de style de l'ordinateur de poche pour les éléments que vous auriez autrement omis. Dans certains cas, il peut être nécessaire de signaler certaines règles comme importantes. À part ça, tenez-vous en une seule colonne, allez-y doucement sur les images, et tout devrait bien se passer. Et j'espère que vous ne comptez pas sur JavaScript, car certains navigateurs mobiles ne le prennent pas en charge.