Maison  >  Article  >  interface Web  >  Que signifie la largeur minimale ? Comment définir la largeur minimale

Que signifie la largeur minimale ? Comment définir la largeur minimale

云罗郡主
云罗郡主original
2019-01-28 17:07:1214258parcourir

Beaucoup de gens sont nouveaux dans CSS et ne savent pas ce que signifie minwidth ? Comment définir la largeur minimale ? Le site Web chinois PHP suivant vous permettra d'en apprendre davantage sur la largeur minimale.

Que signifie la largeur minimale ? Comment définir la largeur minimale

1 : Que signifie minwidth

En CSS, minwidth consiste à définir la largeur minimale d'un paragraphe en utilisant ceci. L'attribut consiste à définir un La restriction minimale est que l'élément défini peut être plus large que l'élément spécifié et que des valeurs négatives ne peuvent pas être spécifiées.

La valeur par défaut de min-width est none, qui peut être utilisée sur les sites Web réactifs.

Deux : Comment définir la largeur minimale

Par exemple, créez un site Web réactif et définissez la largeur du contenu à 30 %, et il peut être facilement consulté à n'importe quelle taille Pour les navigateurs, si vous utilisez un petit navigateur tel qu'un téléphone mobile pour afficher le contenu, il sera affiché en pourcentage de la largeur minimale en définissant une valeur (px), et la taille réelle ne sera pas inférieure à cette valeur. valeur.

css :

.box{
  width: 30%;
  height: 200px;
  min-width: 200px;
  background-color: #66b6d5; 
}

Actuellement, certains navigateurs de sites Web prennent en charge l'attribut min-width a trois valeurs, à savoir la longueur, % et hériter. La longueur définit principalement le minimum. la largeur dépend principalement du navigateur, et % est le pourcentage de l'élément défini, et hériter est la valeur de l'attribut d'élément hérité de l'élément parent.

Que signifie ce qui précède pour la largeur minimale ? Une introduction complète sur la façon de définir la largeur minimale. Si vous souhaitez en savoir plus sur le tutoriel vidéo CSS, veuillez faire attention au site Web chinois php.


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!

Déclaration:
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