它檢查文件中圖像的高度。
以下示例演示在LESS文件中使用圖像高度:
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h2>Welcome to W3Cschool</h2> <h3>The largest Tutorials Library on the web.</h3> </body> </html>
接下來(lái),創(chuàng)建文件 style.less
body{ background-image:url("startup.jpg"); height:image-height("startup.jpg"); }
您可以使用以下命令將 style.less 文件編譯為 style.css :
lessc style.less style.css
接下來(lái)執(zhí)行上面的命令,它將用下面的代碼自動(dòng)創(chuàng)建 style.css 文件:
body { background-image: url("startup.jpg"); height: 800px; }
讓我們執(zhí)行以下步驟,看看上面的代碼如何工作:
將上述html代碼保存在 misc_example.htm 文件中。
在瀏覽器中打開(kāi)此HTML文件,將顯示如下輸出。
更多建議: