2022年7月的文章

对于设置自适应失败的解决办法

2022年7月28日 | 分类:龙哥随笔 | 1 条评论 » | 阅读:422次
今天处理几个单页时候,添加上@media screen and (max-width: 600px) {}后还是解决不了自适应,开始以为是网站使用了table的原因,在网上查找了下原因,原来是需要在<head></head>之间添加一下代码: <meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maxi

css样式px, em, rem, vw, vh, vmin, vmax的含义

2022年7月28日 | 分类:龙哥随笔 | 没有评论 » | 阅读:277次
vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。 vh 相对于视窗的高度:视窗高度被平均分为100vh。 vmin vw和vh中较小的那个被均分为100单位的vmin,应用场景举例:用于移动设备横屏竖屏的显示时。(强烈建议移动设备的用vmin单位) vmax vw和vh中较大的那个被均分为100单位的vmax。 注意,“视区”所指为浏览器内部的