Possible de désactiver @media queries ou de force une résolution? Raison: Permettre à un iphone pour voir le site du bureau?
J'ai mon site FORTEMENT modifiées via @media queries pour afficher très slimdown avais sur les téléphones mobiles. Cependant, mon que les utilisateurs se posent pour la version de bureau du site (via un lien).
Pour aller plus loin, le site du bureau lui-même se modifie par @media queries en fonction de la résolution. Je pensais en acheter un "bureau" de la résolution, dire 1440x900 et de forcer le téléphone portable d'affichage à cette résolution?
Est-ce possible, même à travers jscript? Alternativement, ces @media queries être désactivé ensemble?
Merci!
Vous devrez désactiver la feuille de style qui contient ces règles plutôt que de désactiver les règles individuellement.
OriginalL'auteur Mark | 2013-03-13
Vous devez vous connecter pour publier un commentaire.
J'ai eu le même problème avec un client. Mais le problème était qu'il y avait 120+ css fichiers contenus les requêtes de média. Donc, ce que j'ai fait est, définissez la largeur de la fenêtre d'affichage. J'ai utilisé cet extrait sur le site et fonctionne bien. En utilisant cela, vous pouvez même donner la possibilité aux utilisateurs de basculer entre le responsive design et les non-responsive design.
Remarque: ici, 1440 est votre préféré la largeur de l'écran.
Espère que cela aide 🙂
Cette réponse peut être utile pour les développeurs qui tentent de forcer un site de bureau sur le mobile (comme le demande) mais ne fonctionne pas dans l'autre sens (ce qui oblige le mobile sur le bureau, ou même les ordinateurs de bureau sur le bureau). C'est parce que les navigateurs ne respectent pas les <meta name="viewport"> tag, il est visible que par les navigateurs mobiles. Pour ce cas, Romo la solution est préférable.
Juste ce dont j'avais besoin, merci!
Très utile commentaire @patr1ck. Je pense que la question doit être modifié avec ce problème.
vous devez passer "navigateur de bureau" à "affichage mobile"
OriginalL'auteur Ijas Ameenudeen
Je voudrais ajouter une classe à votre
<html>
ou<body>
commeclass="force-desktop"
puis sur votre support sélecteur ajouterou quelque chose de similaire
comment pouvez-vous faire de même, mais pour une force mobile? depuis le bureau s'appliquer, mais à la seule téléphonie mobile est appliqué lors de la requête de média hits, mais je veux frapper la vue de téléphone portable avec un nom de classe
force-mobile
Pas sûr de ce que tu veux dire, mais c'est une vieille réponse. Vous pouvez toujours faire
.force-mobile
etbody.force-mobile
pour des styles spécifiques.OriginalL'auteur romo
La solution de IJas sans JQuery ressemble:
OriginalL'auteur Nils Langner
Ses plus facile de mettre tout les styles qui peuvent avoir besoin d'être désactivé dans leurs propres feuilles de style, avec les attributs de titre pour les retrouver plus facilement. Ils peuvent être de style en ligne ou sur le lien éléments .les fichiers css.
OriginalL'auteur kennebec