首页 > TAG信息列表 > REM

vue 中使用rem布局

安装 postcss-px2rem及px2rem-loader npm install postcss-px2rem px2rem-loader --save 2在根目录src中新建util目录下新建rem.js等比适配文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面宽度相对于 1920

CSS尺寸设置的单位:px、rem、em、vw、vh

px:pixel像素的缩写,绝对长度单位,它的大小取决于屏幕的分辨率,是开发网页中常常使用的单位。 em:相对长度单位,在 `font-size` 中使用是相对于父元素的字体大小,在其他属性中使用是相对于自身的字体大小,如 width。如当前元素的字体尺寸未设置,由于字体大小可继承的原因,可逐级向上查找,最终

HTML、CSS 和 JavaScript 格式的 3D 玻璃天气图标

HTML、CSS 和 JavaScript 格式的 3D 玻璃天气图标 3D玻璃天气图标免费下载 **** 在 HTML、CSS 和 JavaScript 中 HTML: <div class="weather weather--sun"> <div class="icon"> <div class="icon__sun"> <div class="icon__sun-lig

前端Day12

rem布局: em相对于父元素的字体大小来运算,rem相对于html元素字体来运算。 rem优点:通过修改html的文字大小来改变页面中元素的大小,进行整体控制。   媒体查询:   CSS的弊端: Less: Less变量:@变量名:值  Less的嵌套: 若作为子元素则直接在父元素内部写 若为伪元素则使用&符

生产环境自动备份win服务器所有web项目(IIS+项目代码)

@echo offrem 功能:每月自动备份本服务器所有web项目rem 日期:2022.3.10rem 制作人:zl rem 定义变量Y为备份时间:YYYYMMset y=%date:~0,4%%date:~5,2% rem 备份IIS配置C:\Windows\System32\inetsrv\appcmd add backup iis7-10.33-%y% rem 复制IIS备份到备份目录归档xcopy C:\Windows\S

vue使用rem (手机端PC端通用)

只有PC端时 main.js   new Vue({   router,   store,   render: h => h(App), created(){ // 实例创建完成后被立即调用rem换算方法,解决内容闪现问题 setRemPc(); window.addEventListener('resize', setRemPc);//浏览器窗口大小改变时调用rem换算方

Windows系统BAT脚本FTP传输最新文件

一、场景分析 在Windows系统下,通常使用共享文件夹结合任务计划方式实现文件定期自动拷贝至异机,本文中给出另一种方式即通过FTP进行拷贝。简单FTP命令中需指定文件名,但由于需拷贝文件名不固定,因此对BAT脚本进行了改造,使其自动获取文件名并调用FTP进行传输,详细介绍如下。 二、具体配

设置NTP校时

设置NTP校时-作为客户端 @echo off rem 以管理员身份执行文件 rem 获取管理员权限 %1 mshta vbscript:CreateObject("Shell.Application").ShellExecute("cmd.exe","/c %~s0 : :","","runas",1)(window.close)&&exit rem 设置NTP服务器地址 w32tm

React--移动端适配

适配原理 选择某个手机的尺寸大小作为基准,其他手机进行等比例缩放 一般选择 iPhone 6(2 倍屏幕),屏幕宽度为:375px 适配方式 rem:需要手动修改 html 元素的 font-size;额外设置 body 元素的字体大小为正常值 vw: 1 vw 等于屏幕宽度的 1%   // rem 适配 // iphone6

vue 开发H5适配方案

一、通过JS实现适配   1、清除浏览器默认样式     创建reset.css,在main.js中importreset.css   2、实现页面自适应(rem方式在750下1rem=100px),在index.html文件中进行配置     <script>      (function () {            // 在标准 375px 适配下,100px =

CSS之轻松实现rem适配

1. vs Code安装 px to rem & rpx (cssrem) 2. 修改扩展 root font size 这样就轻松使用rem了

手机端font-size:31.25vw原理

移动端布局一般使用: 方法一:媒体查询 + rem + 弹性盒子布局 方法二:vw + rem + 弹性盒子布局 这里说一下vw原理: vw它是根据可视区的宽度来计算的 如果是10vw,就是当前移动设备(浏览器)宽度的十分之一大小 vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%) html { font-size: 31.25vw; /

响应式布局简单知识

响应式布局 1、rem基础 rem单位:是一个相对单位,类似于em,em相对于父元素的字体大小来说的; rem的基准是相对于 Html 元素的字体大小 优点:可以通过修改html中的大小来控制整个页面字体的大小 2、媒体查询 规则 媒体查询一般按照从大到小或从小到大的顺序来 @media screen and (max-wi

NSSM 制作 window 服务

通过 nssm 可以制作 window 服务 支持 exe、jar 制作为 window 服务 启动 jar 需要通过 bat 方式启动,bat 启动具体 jar nssm 是界面化操作,操作简单 官网:http://www.nssm.cc 下载地址:http://www.nssm.cc/download 具体命令 rem 安装服务 nssm install serviceName rem 卸载服务 n

px 、em、rem 的选取依据

1. px 像素(Pixel)。绝对单位。像素px是相对于显示器屏幕分辨率而言的,是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px要换算成物理长度,需要 指定精度 DPI。 2. em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器

使用 postcss-pxtorem 适配移动端时,超过750,固定尺寸显示

创建一个 js 或 ts 文件 (名字我是叫rem,是放在util文件夹下,具体你们按照自己的风格命名就可以了) const baseSize = 37.5 //跟postcss.config.js中rootValue的值是一致的 // 设置 rem 函数 function setRem() { // 当前页面宽度相对于 375 宽的缩放比例,可根据自己需要修改。 con

Windows升级备份

REM program:用于HTS的Windows机器备份 REM author:sundz version:V1.0 20220615 @ECHO OFF title HTS备份 REM YYYYMMDD SET data_floder=d:\backup\%date:~0,4%%date:~5,2%%date:~8,2% REM HHMMSS SET time_stamp=%time:~0,2%%time:~3,2%%time:~6,2% IF NOT EXIST %data_floder

px、rem、em、rpx 的区别及应用场景

px 像素单位,相对于显示器屏幕的分辨率 特点:设置字体大小和宽度比较精确和稳定,但不适用浏览器缩放时产生的变化   rem 是CSS3新增的单位,参考对象为<html>标签的font-size值, 如:html {font-size: 24px},1rem = 24px 特点: 适用于做适配,响应式的网站   em 参考对象为父元素的字体大小

批处理脚本自我添加Run as administrator运行(UAC) 并含sleep

@echo off REM ******************************************* REM It is for ISO installation, kill the winSAT REM ******************************************* setlocal enabledelayedexpansion color 2e title Kill WinSAT pushd %~dp0 & cd /d "%~dp0"

面试官:来实现一个js上下信息循环滚动

      <!doctype html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes,viewport-fit=

h5 端自适应显示屏宽度,更改body html字体,为rem使用做准备的js代码

/** * Created by lvlq on 16/1/29. */ !function (N, M) { function L() { var a = I.getBoundingClientRect().width; a / F > 2000 && (a = 2000 * F); var d = a / 10; I.style.fontSize = d + "px", D.rem =

谷歌浏览器怎么设置字体少于12px

方法一、使用-webkit-text-size-adjust属性 如:div { -webkit-text-size-adjust:none;font-size:10px } 事实上,设置了这个属性后,并没有任何反应,无论是直接加在td上,还是加在body中。经查,在chrome29版本之前有效,之后的版本就不支持了。 2、使用transform来解决 如:transform:scal

Train Problem II

   代码如下: #include<iostream> #include <cstring> using namespace std; const int MOD = 10000; int n; int c[105][20]; int main() { memset(c, 0, sizeof c); c[1][1] = 1; for(int i = 2; i <= 100; i ++ ) { int rem =

22.01.02第一次周末总结

本周由于小学期,所以一直在研究数据库的小学期代码,同时也是快速的复习了一下上学期数据库的内容,对于触发器、存储过程、超级代码等又有了一个新的认知,老师在我们建立数据库的时候强调过,尽量不要在开发过程中使用触发器,这样的话效率太低,另外,建表的时候手机号码一定要用varchar类型,一

删除下载失败的jar

1》新建文档,内容如下: set REPOSITORY_PATH=F:\work\maven\repository rem 正在搜索... for /f "delims=" %%i in ('dir /b /s "%REPOSITORY_PATH%\*lastUpdated*"') do ( del /s /q %%i ) rem 搜索完毕 pause 注意:文本第一行为本地仓库地址 2》修改文档后缀为.bat 3》双击运