css中vmin实现宽高自适应效果代码

代码语言:html

所属分类:响应式

代码描述:css中vmin实现宽高自适应效果代码

代码标签: 实现 宽高 适应 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">






    <style>
        body {
            display: grid;
            place-content: center;
            min-height: 100vh;
            background-color: hsl(222, 99%, 18%);
            font-family: sans-serif;
            color: hsl(222, 99%, 100%);
        }

        .box {
            /*
   * Width and height set to vmin,
   * so the box resizes to match the viewport
  */
            width: 50vmin;
        .........完整代码请登录后点击上方下载按钮下载查看

网友评论0