les feuilles de style et les navigateurs mobiles

Question

Je ne suis pas sûr si j'ai posé cette question dans d'autres discussions ... mais ma question a toujours été sans réponse ... ce que j'ai besoin de savoir, c'est que lorsque j'utilise Opera mini ... site sur le mobile .. y at-il certaines restrictions lors de l'utilisation de HTML ou CSS ?? J'ai été totalement confondu avec certains termes comme les feuilles de style d'écran et les feuilles de style portatives ... tout en obtenant le type de média, il y avait une mention que nous devions utiliser des feuilles de style écran ou portable ... selon le type de média ... comment demander d'autre ....

Answer 1

pour Stylesheets media=handheld étaient censés être utilisés par les navigateurs mobiles, mais une fois que les navigateurs sont devenus plus avancés, les éditeurs de navigateurs ont commencé à ignorer media=handheld, car ils peuvent afficher media=screen maintenant (navigateur choisit ce que les médias il prend en charge).

Une approche plus moderne et beaucoup plus flexible consiste à utiliser CSS3 Media Queries qui vous permet de définir certains styles uniquement lorsque les critères sélectionnés correspondent, par ex. taille d'écran minimale. Gardez à l'esprit que les navigateurs mobiles affichent une taille d'écran virtuelle (zoom arrière) dans les requêtes média width, et device-width est plus proche de la taille physique.

Answer 2

Les navigateurs mobiles peuvent avoir des restrictions sur certaines règles HTML ou CSS, tout comme chaque fournisseur de navigateur a ses spécificités sur ce sujet. Vous devrez vérifier ce qui fonctionne ou non pour les navigateurs mobiles que vous développez.

Les types de support (écran, ordinateur de poche, etc.) sont définis par CSS, ce qui vous permet d'utiliser différentes feuilles de style pour différents types de support. Ainsi, vous pouvez afficher le même contenu différemment pour chaque type de média. Notez que les types écran, ordinateur de poche, etc, ne définissent pas les tailles de fenêtre, seulement différents types de périphériques. Vérifiez les liens ci-dessous, pour obtenir une meilleure compréhension de celui-ci:

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Hope it helps!