Maison  >  Questions et réponses  >  le corps du texte

Comment js contrôle-t-il le style d'affichage d'un contrôle en déterminant si la demande d'accès provient d'un appareil mobile ?

Bonjour à tous.
Je suis novice en développement front-end. J'ai récemment appris à créer un site Web très moche, qui sert principalement à télécharger des vidéos Weibo, des vidéos Miaopai, etc.

La fonction que je souhaite réaliser est la suivante : sur toutes les pages de ce site Web pour télécharger des vidéos Weibo et des vidéos Miaopai, si vous y accédez depuis un PC, la barre de menu de gauche sera affichée, qui est col-md-3 pour Android, iPhone. , etc. L'accès mobile n'affiche pas la barre de menu col-md-3 à gauche, mais affiche uniquement la partie col-md-9 à droite.

J'ai essentiellement implémenté cette fonction maintenant, en utilisant la fonction window.onload. Par défaut, col-md-9 est défini sur display:none Dans la fonction onload, s'il est déterminé qu'il s'agit d'une requête côté PC, col-. md-3 est défini. Cela entraînera le rendu de la page en premier lors de l'accès sur le PC, puis l'écran clignotera et le menu col-md-3 apparaîtra. Excusez-moi, seniors, existe-t-il un moyen d'obtenir cette fonction sous une seule URL (sans faire la distinction entre mobile et PC) sans le résultat actuel de scintillement de l'écran ?

J’ai essayé toutes les méthodes en ligne, mais en gros, elles n’ont pas résolu mon problème.

Merci à tous !

漂亮男人漂亮男人2683 Il y a quelques jours428

répondre à tous(2)je répondrai

  • 阿神

    阿神2017-05-19 10:27:08

    Avec bootstrap, vous n'avez pas besoin de les écrire manuellement

    https://jsfiddle.net/straybug...

    Écrit comme ceci, si vous avez envie d'ajuster la taille, appuyez sur xs -> sm ->

    répondre
    0
  • PHP中文网

    PHP中文网2017-05-19 10:27:08

    Plusieurs méthodes

    1. Écrivez cette partie de onload en haut de la page.

    2. Faites ce jugement sur le serveur

    3. Utilisez des requêtes multimédias pour écrire des styles en fonction de la résolution de l'écran.

    répondre
    0
  • Annulerrépondre