2017-08-04 1 views
2

Je travaille sur un site Web statique que je vérifie sur Samsung Galaxy Tab S3 ([Laboratoire de test à distance Samsung]) J'ai trouvé quelques problèmes d'alignement que je dois résoudre via Media Query CSS.Comment faire pour cibler Samsung Galaxy Tab S3 en utilisant useragent css?

Je l'ai déjà utilisé divers agent utilisateur de données hacks pour fixer les problèmes pour le spécifique de l'appareil comme pour Ipad je l'ai utilisé ceci: html [data-useragent * = 'iPad'] mais pour Samsung Galaxy Tab S3 je suis impossible de trouver un piratage de données useragent.

Deuxièmement, lorsque j'ai vérifié les dimensions de cela, c'est-à-dire 1536 X 2048px c'est plus que la résolution de bureau normale. et quand je mets cela dans la barre d'outils sensible à Chrome pour vérifier qu'il me montre tout bien (comme il me montre le site Web complet qui est parfaitement bien.)

si je vois le site dans l'onglet S3 (Using Samsung Developers Remote Test lab) il me montre l'alignement de la boîte déformée, mais quand je vois que dans tout autre appareil comme le bureau ou l'ipad, tout va bien. Alors s'il vous plaît aidez-moi comment puis-je cibler l'onglet S3 de sorte que si je tweak le CSS alors seul Tab S3 a été ciblé et quelle est la requête de médias que je dois utiliser pour cela?

Alignment Issue on Samsung Tab S3

Répondre

0

Essayez dans la requête médias

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) { 
    /* insert styles here */ 
} 

Or 

    @media only screen and (min-width: 1536px) and (max-width: 2048px) { 
    /* insert styles here */ 
} 

    OR 
    @media screen and (min-width: 1536px) and (max-width: 2048px) { 
    /* insert styles here */ 
} 
+0

Merci. Existe-t-il un onglet android s3 hack à utiliser avant les classes de sorte que dans cette largeur de périphérique spécifique, seul S3 doit être ciblé. –