搜索结果
查询Tags标签： vw，共有 22条记录-
puppeteer截取页面的DOM
你还在用html2canvas软件进行截图吗？那你会遇到图片变糊了的问题，还有些样式方面的问题。 可以采取服务端截图的方式来解决上述问题哦。即puppeteer截取页面的DOM 说到服务端截图，大部分可能是采用puppeteer.goto("url路径")，这种方法的缺陷就是：当你的页面…
2022/8/21 6:55:49 人评论 次浏览 -
数据库高级
#创建视图create view vw_stu as SELECT order_no,shipping_id,payment,product_name FROM mmall_order INNER JOIN mmall_order_item USING(order_no); #查看视图SELECT * FROM vw_stu; #查看视图结构desc vw_stu; #查看创建视图的语法show create view vw_stu; #定界符，…
2022/8/17 2:54:28 人评论 次浏览 -
移动适配
屏幕宽度发生变化，页面元素的尺寸（宽度和高度）也随之变化，这样可以更好的达到适配效果，用户体验更好 解决方案:百分比布局或者 flex 完成整体元素排列布局 配合 rem 或者 vw/vh 单位 设置元素的尺寸（宽度/高度） 最终适配em，rem 相同点： 都是相对单位 不同点：参照…
2022/4/26 23:16:36 人评论 次浏览 -
0_9 移动端、媒体查询、响应式布局
1、像素和视口 1.1 像素：物理像素：分辨率数css像素：编写网页时，所用都是css像素浏览器在显示网页时，需要将CSS像素转换为物理像素然后再呈现 ， 一个css像素最终由几个 物理像素显示，由浏览器决定： 默认情况下在pc端，一个css像素 …
2022/3/4 6:15:01 人评论 次浏览 -
网易云音乐项目总结
不熟悉的知识点 知识点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 人评论 次浏览 -
根据设计稿尺寸，样式自适应各个分辨率（vue）插件：postcss-px-to-viewport
插件：postcss-px-to-viewporthttps://www.npmjs.com/package/postcss-px-to-viewport 简介 将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件. 如果你的样式需要做根据视口大小来调整宽度，这个脚本可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。…
2021/11/16 23:42:05 人评论 次浏览 -
根据设计稿尺寸，样式自适应各个分辨率（vue）插件：postcss-px-to-viewport
插件：postcss-px-to-viewporthttps://www.npmjs.com/package/postcss-px-to-viewport 简介 将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件. 如果你的样式需要做根据视口大小来调整宽度，这个脚本可以将你CSS中的px单位转化为vw，1vw等于1/100视口宽度。…
2021/11/16 23:42:05 人评论 次浏览 -
移动端布局之vw，em,rem的用法总结以及响应式布局原理
移动端布局之vw，em,rem的用法总结 ** 这是一个！+tab键生成的简单的html结构，而移动端最重要的就是这句话 *** 一键生成页面，基本上都会有这段声明，快捷键生成meta:vp_tab键也能生成，这段标签上面的viewport是屏幕窗口的意思，width=device-width中的width指的是虚拟…
2021/11/5 23:13:41 人评论 次浏览 -
移动端布局之vw，em,rem的用法总结以及响应式布局原理
移动端布局之vw，em,rem的用法总结 ** 这是一个！+tab键生成的简单的html结构，而移动端最重要的就是这句话 *** 一键生成页面，基本上都会有这段声明，快捷键生成meta:vp_tab键也能生成，这段标签上面的viewport是屏幕窗口的意思，width=device-width中的width指的是虚拟…
2021/11/5 23:13:41 人评论 次浏览 -
视区单位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 人评论 次浏览 -
vue3学习-网易云音乐移动端
1. 项目初始化新建项目vue create myProject使用UI组件库 Vant（下面是全局引入，按需引入看文档）npm i vant@next -S// main.js import Vant from "vant"; import "vant/lib/index.css"; // 这个不能忘 createApp(App).use(store).use(router).use…
2021/10/11 6:14:11 人评论 次浏览 -
vue3学习-网易云音乐移动端
1. 项目初始化新建项目vue create myProject使用UI组件库 Vant（下面是全局引入，按需引入看文档）npm i vant@next -S// main.js import Vant from "vant"; import "vant/lib/index.css"; // 这个不能忘 createApp(App).use(store).use(router).use…
2021/10/11 6:14:11 人评论 次浏览
