鱼C论坛

 找回密码
 立即注册
查看: 3284|回复: 0

[学习笔记] 我是这么做适应页面大小的(自适应)

[复制链接]
发表于 2020-11-19 11:56:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
        .main{
            font-size: 1vh;

            width: 100em;
            height: 100em;
            z-index: 1;
            border: #000 1px solid;
            position: absolute;
        }
        @media (max-width: 100vh){
            .main{
                font-size: 1vw;
            }
        }
媒体选择器的 max-width 和里面的 font-size 一个是 vh 另一个是 vw ; 媒体选择器的font-size 和外面的font-size单位也是。
当数值相乘再乘以0.01等于不在媒体选择器里的font-size的数值,即可平滑地适应大小。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 22:42

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表