首页 > 编程语言 >小程序笔记(2)

小程序笔记(2)

时间:2023-02-21 23:57:06浏览次数:44  
标签:iPhone6 rpx 程序 笔记 样式 1px 换算 wxss

小程序笔记(2)

  • rpx(responsive pixel,把屏幕等分为 750 份,即 100vw = 750rpx)尺寸单位 与 @import样式导入 是 wxss 中特有的

  • rem 是网页中独有的,无法在小程序中使用

    总而言之,css 与 wxss 它们只是有一些公共的特点,它们有自身特别的点

  • 有趣的 iPhone6

    它的屏幕宽度是 375px,恰好是 750 除以二,所以在这台设备上 1px = 2rpx,还有一些设备大概是这样的:

    设备 换算宽度
    iPhone5 1px = 2.34rpx
    iPhone6 1px = 2rpx
    iPhone6 Plus 1px = 1.81rpx

    因为屏幕大就意味着 px 多,所以相应的能换算到 rpx 的就少

    官方建议:开发微信小程序时,设计师可以用 iPhone6 作为视觉稿的标准,因为设计师往往给我们的是px的单位,而我们需要换算成rpx的单位,iPhone6方便换算

  • @import 的用法

    紧跟相对路径或绝对路径(以 / 开头),用;号结束

    // test.wxss
    .container{
    	// xxx
    }
    
    // index.wxss
    @import './test.wxss';
    
  • 全局样式

    定义在 app.wxss 中,作用于每一个页面

  • 局部样式

    在页面的 .wxss 文件中,只作用于当前页面

    当局部样式与全局样式发生冲突时,根据“就近原则”,局部会覆盖全局

    不过只有局部样式 权重大于或等于 全局样式时,才会覆盖

标签:iPhone6,rpx,程序,笔记,样式,1px,换算,wxss
From: https://www.cnblogs.com/zhumenglong/p/17142940.html

相关文章

  • Servlet一笔记
    Servlet一笔记一、web相关概念1.软件架构目标理解B/S和C/S的优缺点讲解C/S架构C:Client,客户端;S:Server,服务器比如:QQ,微信,网游优点:显示效果好安全性高服务......
  • TypeScript学习笔记
    TypeScript是什么可以编译成JavaScript。添加了类型系统的JavaScript;「类型」是其最核心的特性JavaScript的灵活使得它的代码质量参差不齐,维护成本高,运行时错误多。T......
  • 韦东山2440-学习笔记-字符设备驱动
    1.button阻塞输入#include<linux/module.h>#include<linux/interrupt.h>#include<linux/device.h>#include<linux/cdev.h>#include<linux/kernel.h>#include......
  • 学习笔记283—CT、MRI、PET三种检查的临床比较
    CT(X线电子计算机断层扫描)主要是利用X线断层扫描,电光子探测器接收,并把信号转化为数字输入电子计算机,再由计算机转化为图像,是一种无痛苦、无损伤的辅助检查工具。 MR......
  • Django学习笔记记录(整理了B站武老师的讲课课件,供大家学习)
    day1、初识DjangoPython知识点:函数、面向对象。前端开发:HTML、CSS、JavaScript、jQuery、BootStrap。MySQL数据库。Python的Web框架:Flask,自身短小精悍+第三方组......
  • Johnson 全源最短路 学习笔记
    我居然不会这玩意,过来学一下。算法简介Johnson全源最短路用于求一个带负权的图的任意两点之间的最短路,时间复杂度为\(\Theta(nm\logm)\)。算法流程考虑到\(n\)次......
  • day11 事件相关笔记
    day11事件上事件的概述事件是指代一个东西的操作被另外一个东西监听以后的一个过程(事件),这个过程可以完成对应的操作(处理函数)事件监听器是一个标准的观察者模式(observer)......
  • 第十二天笔记 事件相关
    第十二天笔记 事件流的传播流程事件流的传播有三个阶段捕获阶段从最外层找到对应的事件执行的元素目标阶段找到这个元素执行对应的事件冒泡阶段逐层向上......
  • 'CScript' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
    当adroidstdio打开虚拟机时回报错误为标题时,是我们系统中的path路径缺少,仅需要使用如下方法。系统环境变量被修改了。恢复办法如下:我的电脑--属性--高级--环境变量--系统......
  • 【线性代数复习笔记】矩阵特征值,特征向量,相似对角化与实对称矩阵
    【线性代数复习笔记】矩阵特征值,特征向量,相似对角化与实对称矩阵线代好难-_-特征值与特征向量:1.求解特征值与特征向量:​ 先计算特征多项式f(ʎ)=|ʎI-A|,求出根,再根据......