简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

jQery使网页在显示器上居中显示适用于任何分辨率_jquery

WBOY
Libérer： 2016-05-16 16:45:28
original
1172 Les gens l'ont consulté

检测屏幕宽度，并设置为id为frame的div宽度， 根据自己网页的最大宽度来调节，小demo最大宽度为1440

复制代码 代码如下:





无标题文档

<script> <BR>function onWidthChange(){ <BR>var w=$(window).width(); <BR>x=(w-1440)/2; <BR>$("#frame").css("width",w); <BR>if(w<1024){ <BR>$("#frame").css("overflow","visible"); <BR>$("#webContent").css("margin-left",x); <BR>}else if(1024<w<1440){ <BR>$("#frame").css("overflow","hidden"); <BR>$("#webContent").css("margin-left",x); <BR>} <BR>setTimeout(onWidthChange,0); <BR>}; <BR></script>




//内容




Étiquettes associées：
分辨率 Affichage central 显示器
source：php.cn
Article précédent：jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析_jquery Article suivant：javascript写的异步加载js文件函数(支持数组传参)_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Obtenez les coordonnées x et y du sélecteur vidéo pour redimensionner et faire glisser en fonction de la résolution vidéo J'utilise @use-gesture/react et @react-spring/web pour créer une superposition de sélecteu...
Depuis 2023-09-19 10:00:05
0
1
238
Est-il possible de modifier la mise en page affichée à des résolutions plus petites via MediaQueries sans modifier la mise en page par défaut ? J'utilise une disposition "colonnes de modèle de grille" sur la résolution par d...
Depuis 2023-09-16 14:17:29
0
1
521
Analyse théorique d'algorithmes qui renvoient vrai ou faux, basée sur l'étude de probabilités données Je souhaite implémenter une méthode qui renvoie vrai avec une probabilité n/m et faux avec...
Depuis 2023-09-05 19:57:42
0
1
287
Comment choisir les styles CSS appropriés en fonction de la taille de l'écran/de l'appareil Bootstrap3 a de belles classes CSS dans des utilitaires réactifs qui peuvent masquer ou af...
Depuis 2023-08-21 21:50:42
0
2
240
Une approche plus intelligente consisterait à écrire une fonction qui utilise de nombreuses instructions conditionnelles pour renvoyer des valeurs incrémentielles basées sur différentes plages numériques. J'essaie d'écrire une fonction qui renvoie une valeur spécifique si l'entrée se situe dans...
Depuis 2023-08-17 23:18:09
0
1
210
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！