首页 > 其他分享 >[学习笔记] 有关CSS响应式设计的单位

[学习笔记] 有关CSS响应式设计的单位

时间:2023-10-17 13:44:06浏览次数:44  
标签:em 字体大小 元素 笔记 单位 响应 视口 rem CSS

  • em 和 rem 单位:em 和 rem 是相对于元素的字体大小计算的单位。em 单位是相对于父元素的字体大小,而 rem 单位是相对于根元素(通常是 <html> 元素)的字体大小。em 和 rem 单位可以用于实现相对于字体大小的自适应布局。

  • vw 和 vh 单位:vw 和 vh 是视口宽度和视口高度的百分比单位。它们可以用于根据视口的实际宽度和高度进行自适应布局。例如,使用 50vw 表示元素的宽度将等于视口宽度的一半。

标签:em,字体大小,元素,笔记,单位,响应,视口,rem,CSS
From: https://www.cnblogs.com/eimc/p/17769494.html

相关文章

  • React学习笔记04-JSX语法
    1.JSX语法JSX将HTML语法直接加入到JavaScript代码中,再通过翻译器转换到纯JavaScript后由浏览器执行。在实际开发中,JSX在产品打包阶段都已经编译成纯JavaScript,不会带来任何副作用,反而会让代码更加直观并易于维护。编译过程由Babel的JSX编译器实现。 2.JSX语法的......
  • Linux学习笔记2
    Linux学习笔记1.文件重定向1.尝试在命令行输人ifconfig.找到自己电脑的IP地址.zzh@ubuntu:~/Desktop$ifconfigens33:flags=4163<UP,BROADCAST,RUNNING,MULTICAST>mtu1500   inet192.168.216.128netmask255.255.255.0broadcast192.168.216.255   in......
  • 《巴小特的宝藏》一款小游戏的诞生笔记
    起源:《巴小特的宝藏》项目初创与2022年初,拥有多年游戏开发经验的我萌生自己创作游戏的念头,市场上好多游戏同质化严重,并且基本主要考虑的都是娱乐性,而我想做一款不一样的东西出来,当时很痴迷研究经济、金融,自己也炒股,该赔的钱也都赔,正好也赶上了2022年股市大跌,没有在跌......
  • 《Deep Residual Learning for Image Recognition》阅读笔记
    论文标题《DeepResidualLearningforImageRecognition》撑起CV界半边天的论文Residual:主要思想,残差。作者何恺明,超级大佬。微软亚研院属实是人才辈出的地方。初读摘要提问题:更深层次的神经网络更难训练。提方案:提出了残差网络解决深层网络训练的问题。这也......
  • 《流畅的Python》 读书笔记 第三章字典和集合 20231017
    第3章字典和集合dict类型是Python语言的基石模块的命名空间、实例的属性和函数的关键字参数中都可以看到字典的身影跟它有关的内置函数都在__builtins__.__dict__模块中模块的命名空间:我的理解是sys.modules实例的属性:我的理解是实例.__dict__classA:def_......
  • [刷题笔记] CSP-J 2022 T4 上升点列
    Description在一个二维平面内,给定\(n\)个整数点\((x_i,y_i)\),此外你还可以自由添加\(k\)个整数点。你在自由添加\(k\)个点后,还需要从\(n+k\)个点中选出若干个整数点并组成一个序列,使得序列中任意相邻两点间的欧几里得距离恰好为\(1\)而且横坐标、纵坐标值均单调不......
  • AI学习笔记(五)-支持向量机(SVM)
    将数据映射到高维空间,在其中找到一个最优的超平面,将不同类别的数据点分开。它可最大化边际,使得不同类别的数据点离超平面的距离最大化。......
  • 《代码大全》阅读笔记5
    在阅读完这本书后,我从书中收获到了很多,永远以解决问题为导向,而不是仅仅完成任务。这一条的内容非常广泛,从最低级的写好一个功能,到给具体的需求排优先级,甚至到明确真正的需求,到调整开发节奏,一切都由实际的需求和开发能力决定,最终的目的只有一个,那就是解决真正的问题;把程序员当人看,......
  • boot驱动模型中的常用API--Apple的学习笔记
    一,前言之前解决ping问题的过程中,需要看uboot的代码,感觉看起来很轻松,我一直觉得代码写的小学生都能看懂的,这才是高手写的代码。面向对象设计的好,封装做的也好。虽然和qemu的Qobject设计雷同,但是我又手痒想画图了。二,学习1,uclass_find(id)根据uclassid来找uclass。在gd->uclass_roo......
  • P7914 做题笔记
    题目链接CSP考前做下历年真题。转移很多,我刚开始设$dp1[i][j]$为$i$到$j$合法的方案数,$dp2[i][j]$为左边一段$*$,右边是合法的方案数,以及$dp3[i][j]$,右边是$*$,左边合法。然后就进坑了,比如$()()()$,会在第二个位置统计一下,(两个合法的字符串拼起来)也会在第四个位置统计......