MENOS - Función de tamaño de imagen

Descripción

Se utiliza para examinar la dimensión de la imagen del archivo. Examina tanto el ancho como el alto de la imagen.

Ejemplo

El siguiente ejemplo demuestra el uso de tamaño de imagen en el archivo LESS:

<!doctype html>
   <head>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
     <h2>Welcome to TutorialsPoint</h2>
     <h3>The largest Tutorials Library on the web.</h3>
   </body>
</html>

A continuación, cree el archivo style.less .

estilo sin

body {
   background-image:url("startup.jpg");
   image-size:image-size("startup.jpg");
}

Puede compilar el archivo style.less en style.css usando el siguiente comando:

lessc style.less style.css

Ejecute el comando anterior; creará el archivo style.css automáticamente con el siguiente código:

style.css

body {
   background-image: url("startup.jpg");
   image-size: 1200px 800px;
}

Salida

Siga estos pasos para ver cómo funciona el código anterior:

  • Guarde el código html anterior en el misc_example.htm archivo.

  • Abra este archivo HTML en un navegador, se mostrará el siguiente resultado.