编程学习笔记

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

vw & vh

浏览 123 扫码 分享 2023-11-21 23:12:58
  • 简介
  • 使用
    • 还原设计稿
    • pxCook中查看设计稿
    • 自动转换vw插件

    简介

    image.png

    使用

    还原设计稿

    image.png

    pxCook中查看设计稿

    如果你的设计稿是750px，而在iphone678中是375px，则需要选择2x，这样宽度就是375
    image.png
    选择vw单位，pxcook会帮助自动换算
    image.png

    自动转换vw插件

    image.png
    image.png

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 浏览器
      • 操作技巧
    • Vue.js
      • 环境配置
        • 发布-根路径
        • 环境变量 -env
      • SPA & SEO
      • ....
      • vue - 实现原理
        • scoped
        • 面试题
        • vue2响应式原理
        • 虚拟Dom
        • v-model原理
        • 数据代理
        • 数据监测(驱动)
        • 原型对象
      • HTTP
        • 配置ajax请求代理
        • vue-resource（官方不再维护）
      • 组件全局通信
        • 全局事件总线（GlobalEventBus）
        • 消息订阅与发布（pubsub）
      • 组件
      • 组件通信
      • $ref - $emit - props
      • 列表操作 & $nextTick
      • project-music
      • v-指令 & 自定义
      • v-model 收集表单数据
      • class & style
      • computed & watch
      • 过度与动画
      • 过滤器
      • @vue/cli
      • Vue 3.0
      • slot - 插槽
      • vuex
      • 路由 vue-router
        • 路由权限规则
      • 生命周期
      • MVVM&MVC
      • 动画
      • mixin (混入)
      • Vue.use() - 插件
      • 脚手架 config 版本
      • Vue UI 组件库
    • Vue3
      • 踩坑
      • setup 语法糖
      • pinia
      • typescript
      • props & $emit
      • $ref & $nextTick
      • provide 与 inject
      • v-model
      • vuex & vue-route
      • Composition API 的优势
      • 新组件标签
      • Other
      • UI 组件库
    • React
      • 实现原理
        • JSX与组件
      • 环境配置
        • 开发环境配置
          • 路径别名@
        • 打包配置
          • 本地调试&体积分析
          • cnd优化配置
          • 发布-根路径
      • 单元测试
      • 第三方增加库
        • Mobx
        • styled-components
        • immutable
      • for & 条件渲染 | dangerHTML
      • State
      • hooks
      • CSS
        • CSSModule
        • style & className
        • sass
      • Redux & React-Redux
        • redux & react-redux
        • Redux怎将State注入React组件?
        • Redux使用及问题
      • 组件
        • 高阶组件（HOC）
        • 类式组件
        • 受 / 非受控组件
        • Fragment & PureComponent
        • 组件更新机制
      • 组件通信方式
        • props
        • 消息订阅与发布（pubsub）
        • Context
      • 事件处理(函数传参)
      • 路由 - router
        • 路由权限规则
        • 路由@6
        • 路由@5
        • 路由 - react-router-dom@5
        • 非组件使用路由
        • 路由原理
      • ref
        • 利用ref作为暂存
      • 生命周期函数
      • 配置ajax代理
      • 插槽(render props & 高阶组件)
      • 脚手架
      • 开发者工具
      • 组件库
        • ant-design (antd)
        • antd-mobile
    • TypeScript
      • ❤案例❤
      • 接口（Interface）
      • 函数&泛型
      • 类（class）
      • 编译
      • Partial<T>
      • 面试题
      • Vue
      • React
    • 微信小程序
      • 数据渲染
      • 路由 - navigator
        • 强制跳转
      • (本地&全局)数据存储
      • 网络请求
      • 组件-component
      • tabbar自定义
      • CSS 样式处理
        • rpx & calc
        • less
      • wxs
      • 模板-template
      • 生命周期函数
      • 登录 - login
      • 云开发
      • git
      • 发布流程
    • JavaScript
      • --理论--
        • 数据_变量_内存
        • 提升&执行上下文
        • 作用域
        • 线程&事件循环
      • other
        • 主动抛误
        • 数据类型及判断
        • 严格模式
      • 函数
        • 定义和调用
        • this指向
        • call & apply & bind
        • 高阶函数 & 柯里化
        • 闭包
        • 递归
      • 面向对象
      • 防抖（debounce）与 节流（throttle）
      • 本地存储
      • 面试题
      • Array - 数组
        • 数组迭代方法
        • 深 | 浅拷贝
        • 数组合并
        • 数组去重
      • Object - 对象
        • 对象方法
      • Bom & Dom
      • sort 排序
      • 编程规范
      • 路由
    • HTTP
      • 跨域
        • cors & 服务器设置响应头
        • jsonp
        • 设置代理服务器
      • http缓存控制
      • http请求过程
      • 性能优化
      • fetch
      • axios
        • 封装api请求模块
        • 接口封装 & 调用
      • Ajax
      • mock
    • ES6~ES11
      • ES6 - 结构赋值
      • ECMASript 相关介绍
      • ES6
      • ES6 - Class
      • ES6 - Promise
        • 实现Promise
      • ES8 - async
      • ES6 - module
      • ES7 - ES11
      • ES11 - 可选链操作符
    • Node
      • npm
        • yarn
        • cnpm & nrm
      • 模块化
        • 导入&导出
      • path&fs&http
      • NVM
      • Express
    • 数据库相关
      • JWT(Json Web Token)
      • 加密 & 编码
        • 加密方式简介
        • base64
        • MD5加密
    • HTML
    • CSS
      • 滚动条scroll
      • 易忘知识点
      • vw & vh
      • s(c/a)ss
      • 单位 & 计算
      • 2D转换 - transform & 过渡 - transition
      • 选择器
      • var
      • 模块化 & 路径别名
      • iconfont 字体图标
    • 移动端
      • flex伸缩(弹性)布局
      • rem 适配布局
      • 响应式布局
      • 流式(百分比)布局
    • webpack 5.0
      • 基本配置
        • 开发环境配置
        • 生产环境配置
      • 优化配置
        • 生产环境性能优化&规范
        • 开发环境性能优化&规范
      • 拆分开发环境和生产环境配置
      • Webpack 配置详情
      • 模块化与依赖
      • 多页面环境搭建
      • 造轮子 library
      • 模块联邦
    • 开发常用工具
      • 小网站
      • VSCode
    • 项目开发
      • 项目结构目录配置
    • Git
    • ECharts
    • 正则表达式 - Regexr
    • PS
    • SQL
      • 系统表
      • CROSS APPLY 与 OUTER APPLY
      • ...
    • C# & .Net
      • .net ? C#?
      • ......
      • 字符串
      • Hashtable & List
      • Dictionary
      • 数组
      • DataTable
      • 导入
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注