2022年7 月28日的文章
对于设置自适应失败的解决办法
今天处理几个单页时候,添加上@media screen and (max-width: 600px) {}后还是解决不了自适应,开始以为是网站使用了table的原因,在网上查找了下原因,原来是需要在<head></head>之间添加一下代码:
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=dev
css样式px, em, rem, vw, vh, vmin, vmax的含义
vw 相对于视窗的宽度:视窗宽度被平均分为100vw,即width:1vw相当于width:1%,此1%不是父元素的1%而是视窗的1%。
vh 相对于视窗的高度:视窗高度被平均分为100vh。
vmin vw和vh中较小的那个被均分为100单位的vmin,应用场景举例:用于移动设备横屏竖屏的显示时。(强烈建议移动设备的用vmin单位)
vmax vw和vh中较大的那个
中排 惊为天人