Comment définir la largeur minimale en CSS

En CSS, vous pouvez utiliser l'attribut "min-width" pour définir la largeur minimale, la syntaxe est "min-width: value". L'attribut min-width définit une limite minimale sur la largeur de l'élément ; par conséquent, l'élément peut être plus large que la valeur spécifiée, mais ne peut pas être plus étroit. Cette propriété ne permet pas de spécifier des valeurs négatives.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Syntaxe de largeur minimale :
min-width:980px Définissez la largeur minimale sur 980px

À cette époque, il y avait de plus en plus de structures plein écran de 100 % de largeur, mais c'était il n'est pas destiné aux navigateurs mobiles ou aux lecteurs d'ordinateurs. Il est relativement petit, mais nous ne voulons pas que la largeur soit trop petite pour provoquer une déformation structurelle dans le navigateur, c'est pourquoi nous définissons souvent une largeur minimale CSS. De cette façon, lorsque la largeur de la fenêtre du navigateur est arbitrairement réduite au format de largeur minimale, la largeur de la page Web ne diminuera plus à mesure que le navigateur rétrécit.

Pendant la construction, il nous suffit de définir la largeur minimale du div le plus à l'extérieur ou de définir directement la largeur minimale CSS pour le corps.

Définissez la largeur minimale du div le plus à l'extérieur
Si le DIV le plus à l'extérieur s'appelle #warp.

#warp{min-width:980px}

Peu importe l'étroitesse du navigateur ou la résolution, la largeur minimale de cette page Web est de 980 pixels.

Largeur minimale de la configuration du corps

body{min-width:780px}

C'est simple, directement à la page Web Définissez la largeur minimale sur 780 px. Quelle que soit la taille de la page Web, la largeur minimale est toujours de 780 px. À 100 % en plein écran, la largeur diminue à mesure que le taux de reconnaissance du navigateur diminue, mais la largeur minimale finale de la page Web est. 780px.

Apprentissage recommandé : tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!