搜索结果
查询Tags标签： vh，共有 8条记录-
CSS响应式布局
响应式布局就是在任何情况下，页面布局效果都不会发生变化，他会根据用户的电脑屏幕，尺寸大小来改变自身的布局。 浏览器窗口，VH和VW，VH 的计算方法就是，将窗口的大小分为100份，vh 的计算方法和 vh 是一样的，一个是计算高，一个是计算宽。 弹性盒子，弹性盒子是CSS3…
2022/3/25 23:22:51 人评论 次浏览 -
网易云音乐项目总结
不熟悉的知识点 知识点1： rem的作用:rem适合于移动端适配和制作全屏效果，例如设计图的宽度与屏幕宽度进行适配。页面以及页面内容随屏幕宽度变化而变化。 如何设置rem:1rem的大小是等于html下的font-size，所以可以通过设置这个css属性告诉浏览器rem的大小 html{font-si…
2022/2/28 23:24:31 人评论 次浏览 -
CSS背景图模糊，内容保持清晰
效果： 代码： <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="widt…
2021/12/18 23:20:32 人评论 次浏览 -
CSS背景图模糊，内容保持清晰
效果： 代码： <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="widt…
2021/12/18 23:20:32 人评论 次浏览 -
视区单位vw, vh简介以及可实际应用场景
基本概念 vw和vh：视口单位中的“视口”，桌面端指的是浏览器的可视区域，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。1vw等于视口宽度的1%。1vh等于视口高度的1%。vmin和vmax：vmin为当前vw 和vh中较小的一个值；vmax为较大的一个值。 怎么证明 你猜 是浏览器内…
2021/10/26 23:16:06 人评论 次浏览 -
视区单位vw, vh简介以及可实际应用场景
基本概念 vw和vh：视口单位中的“视口”，桌面端指的是浏览器的可视区域，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。1vw等于视口宽度的1%。1vh等于视口高度的1%。vmin和vmax：vmin为当前vw 和vh中较小的一个值；vmax为较大的一个值。 怎么证明 你猜 是浏览器内…
2021/10/26 23:16:06 人评论 次浏览 -
前端web-rem,vw/vh适配和less的使用
rem,vw,vh适配和less的使用 remless介绍vw / vhrem rem介绍 相对单位，相对于HTML标签字号计算尺寸1rem = 1HTML标签字号 基本使用 给HTML标签添加字号设置元素尺寸为rem单位 媒体查询基本使用 视口不同，添加不同的根字号@media (视口宽度) { 差异化CSS样式 } rem布局流程…
2021/9/10 23:35:04 人评论 次浏览 -
前端web-rem,vw/vh适配和less的使用
rem,vw,vh适配和less的使用 remless介绍vw / vhrem rem介绍 相对单位，相对于HTML标签字号计算尺寸1rem = 1HTML标签字号 基本使用 给HTML标签添加字号设置元素尺寸为rem单位 媒体查询基本使用 视口不同，添加不同的根字号@media (视口宽度) { 差异化CSS样式 } rem布局流程…
2021/9/10 23:35:04 人评论 次浏览
