vw
  • 2024-05-15P1807 最长路
    链接:https://www.luogu.com.cn/problem/P1807其实没什么难的,注意点:拓扑排序,把非1的入度为0的点及其衍生点全删了,不然会到一半无法拓扑下去。关键在于我之前那个删点的操作,先看错误代码:...voidclearpoint(llix){ for(lli=0;i<G[ix].size();i++) { rd[G[ix][i]]-
  • 2024-04-15Web移动端布局
    逻辑像素和物理像素逻辑像素也叫『设备独立像素』,即CSS像素,例如,iPhone6的逻辑像素是375px物理像素是设备屏幕实际拥有的像素点,设备生产出来,像素就确定了,例如,iPhone6的物理像素是750px在iPhone6下,物理像素是逻辑像素的2倍,用『设备像素比』表示该值,即物理像素除以逻辑像素的值
  • 2024-04-15VantUI移动端适配
    VantUI的官方设计稿是320px,而设计稿普遍是750px,所以官方推荐配合postcss-pxtorem插件使用://eslint-disable-next-lineno-undefmodule.exports={plugins:[//eslint-disable-next-lineno-undefrequire('postcss-pxtorem')({rootValue({file}){
  • 2024-04-06移动端适配方案总结之vw
    1、vw/vh是什么?vw是:viewportwidth视口宽度单位vh是:viewportheight视口高度单位实际开发中我们基本用vw;2.相对视口的尺寸计算结果1vw=1/100视口宽度1vh=1/100视口高度例如:当前屏幕视口是375像素,则1vw就是3.75像素,如果当前屏幕视口为414,则1vw就是4.
  • 2024-03-19使用vw进行移动端适配(nuxt项目)
     基于nuxt 2.0.0 安装postcss-px-to-viewportnpm安装npminstallpostcss-px-to-viewport--save-dev或yarn安装yarnadd-Dpostcss-px-to-viewport 在nuxt中配置postcss-px-to-viewport在nuxt.config.js中配置exportdefault{........./*
  • 2024-01-30CSS的单位
    我们在布局或者设置字体大小的时候经常看到:22px;,px其实是css里面长度单位绝对长度px*像素(1px=1/96thof1in)cm厘米mm毫米in英寸(1in=96px=2.54cm)相对长度em它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认
  • 2023-12-28SQL Server with(nolock) 学习
     1.with(nolock)使用方法问题:由于数据量过大,会产生数据锁死问题解决方法:目的就是查询是不锁定表,从而达到提高查询速度的目的。SELECTCONVERT(VARCHAR(100),VW_BaoBiaoShuJu.LsTime,23)ASDateNow,COUNT(VW_BaoBiaoShuJu.ID)ASTaskNums,SUM
  • 2023-08-14postcss px转vw
    为什么要使用Postcss(px-to-viewport)在移动端开发中,我们通常采用rem或者vw&vh这两种方式来适配不同设备的屏幕大小。rem的缺点是需要进行频繁的计算和换算,而vw&vh的缺点则是部分设备支持不尽如人意。而使用Postcss(px-to-viewport)可以自动将px转换为vw或者vh,省去了繁琐的转换计
  • 2023-07-25使用750设计稿,px转vw,同时兼容vant
    vant官网上推荐使用postcss-px-to-viewport进行转换。postcss-px-to-viewport是一款PostCSS插件,用于将px单位转化为vw/vh单位。因为vant自身使用的是375大小,网上其他的资料也都用375,可是自己使用的是750设计稿,所以想用750的执念就起来了,研究了一番配置如下。npminstal
  • 2023-07-17postcss-px-to-viewport 插件移动端适配
    1.简介:postcss-px-to-viewport是一个将px单位转换为视口单位的(vw,vh,vmin,vmax)的PostCSS插件。将CSS中的px单位转化为vw,来进行移动端适配,1vw等于1/100视口宽度。2.地址:postcss-px-to-viewportGitHub地址3.安装:npmnpminstallpostcss-px-to-viewport--save-
  • 2023-07-02移动端响应式布局开发的几种方式
    简介所谓移动端响应式布局,就是最终布局适配不同的手机型号,针对不同的屏幕分辨率的终端上能够浏览网页展示的不同方式,我们也可以称为移动端适配布局。总结就是一个移动端网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点:面对不同分辨率设备灵活性较强能够
  • 2023-06-29屏幕自适应
    屏幕自适应三大常用方式vw/vh方案概述:按照设计稿的尺寸,将px按比例计算转为vw和vh优点:可以动态计算图表的宽高,字体等,灵活性较高,当屏幕比例跟ui稿不一致时,不会出现两边留白情况缺点:每个图表都需要单独做字体、间距、位移的适配,比较麻烦scale方案概述:也是目前效果最好
  • 2023-06-19php怎么在线预览word文件?php预览.doc、.docx、.wps文件
    php预览WordPHP要实现在线Word预览只需要3步第一步:准备一个文件地址,如下:http://usdoc.cn/vw/文件模板.docx第二步预览前置地址:http://vw.usdoc.cn/?src=第三步开始预览http://vw.usdoc.cn/?src=http://usdoc.cn/vw/文件模板.docx
  • 2023-05-2910)索引、视图
    一个数据库可以创建多个索引;为了提升效率,索引需排序;索引会占用额外空间;(索引可以看作字典的检索目录)索引和约束:系统会自动为主键、唯一和外键字段创建索引;索引选取原则:  创建数据库测试; 1、创建索引:两种方法;1)创建表的同时创建索引:createtable表名(字段
  • 2023-05-13VUE
    移动端适配方案1、设置视口<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>2、通过设置html的rem首先视口已经设置了,每次刷新后,会恢复到全屏的时候,通过JS获取到当前宽度,然后等分宽度(10等分、20等分)varrem=document.d
  • 2023-05-06 vue-移动端开发-样式适配方案
    样式适配场景:一个项目中既包含了web端也包含了移动端的页面,web端的一些样式不能在移动端正常显示解决方式:npmipostcss-px-to-viewport项目目录下postcss.config.jsmodule.exports={plugins:{"postcss-px-to-viewport":{unitToConvert:"px",view
  • 2023-04-27前端项目使用vw视口单位进行适配时字体大小的解决方案
    使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一,即如果你用vw来设定字体大小的话,字体的大小将总是随视口的大小进行改变。问题在于,当做上面的事情的时候,因为文本总是随着视口的大小改变大小,用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用viewpo
  • 2023-04-25使用vant4+vw创建webapp项目
    包来源自动引入vue/vue-router/vuex等api (ref,toRefs....)npmiunplugin-auto-import--save-devvant按需导入的插件npmiunplugin-vue-components-D使用vw布局替换px单位插件npmipostcss-px-to-viewport--save-dev完整的vite.config.js文件import{
  • 2023-04-18Vue3移动端适配解决方案
    导读:使用vw和vh解决适配问题vw:viewwidth屏幕宽度,1vw等于屏幕宽度的百分之一vh:viewheight屏幕高度,1vh等于屏幕高度的百分之一使用插件postcss-px-to-viewport可以自动将px转换为vw/vh安装npmipostcss-px-to-viewport-Dvite.config.tsimportvuefrom'@vitejs/plugin
  • 2023-04-04D. A Wide, Wide Graph
    D.AWide,WideGraphYouaregivenatree(aconnectedgraphwithoutcycles)with$n$vertices.Considerafixedinteger$k$.Then,thegraph$G_k$isanundirectedgraphwith$n$vertices,whereanedgebetweenvertices$u$and$v$existsifandonlyif
  • 2023-03-30命令行上的数据科学第二版:九、建模数据
    原文:https://datascienceatthecommandline.com/2e/chapter-9-modeling-data.html在本章中,我们将执行OSEMN模型的第四步:数据建模。一般来说,模型是对数据的抽象或更高层
  • 2023-03-23Vue之移动端viewport-vw适配
    一、前置知识vw:与视口的宽度有关,1vw就是视口宽度的1%vh:与视口的高度有关,1vh 就是视口高度的1%vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中
  • 2023-03-10Grid布局,根据元素个数,自适应宽高
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content=
  • 2023-03-02前端_移动端设配方案
    1.浏览器兼容:一、css兼容:不同浏览器的标签默认的margin和padding不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。碰到频率:100%
  • 2023-03-02No.2.6
    vw/vh:(能够使用vw单位设置网页元素的尺寸)相对单位相对视口的尺寸计算结果vw:viewportwidth(1vw=1/100视口宽度)vh:viewportheight(1vh=1/100视口高度)vw适配原理:(