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 ?

Question

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 !

Answer 1

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 ->

Answer 2

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.