zoukankan      html  css  js  c++  java
  • Uni-app 响应式像素upx

    一般的前端尺寸单位是px,它固定大小不变,不适用于应用场景。

    那么引入upx,他可以随着屏幕大小变化而变化。

    默认屏幕宽度为750upx(微信小程序中为750rpx)。

    假如有一块手机屏幕大小为375px,则存在375px=750upx。

    所以此时存在    1upx=0.5px。

    比如在页面中声明

    <view  style="height:60upx;750upx;background-color:#4CD964">返回Home</view>

    如果宽度设置成750px,那么在较宽的屏幕上不会全屏。但是设置成了750upx,那么任何设备都会默认全屏。

    因为此时的显示比例为750upx/750upx=1。

    记录编程的点滴,体会学习的乐趣
  • 相关阅读:
    python
    突然萌发关于 redis 的想法(1)
    Liunx
    Git
    说一下数据库查询 和 分页问题的解决
    易忘点
    python
    python
    python
    python
  • 原文地址:https://www.cnblogs.com/AduBlog/p/15354791.html
Copyright © 2011-2022 走看看