微信小程序之移动端适配
一.物理像素
1.屏幕的分辨率2.设配能控制显示的最小单元,可以把物理像素看成是对应的像素点
二.设备独立像素 & css像素
设备独立像素(也叫密度无关像素),可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用并控制的虚拟像素(比如:css像素,只是在android机中css像素就不叫“css像素”了而是叫“设备独立像素”),然后由相关系统转换为物理像素
三.dpr比 & DPI & PPI
1.dpr:设备像素比,物理像素/设备独立像素=dpr,一般以iphone6的dpr为准 dpr =2
2.PPI:一英寸显示屏上的像素点个数
3.DPI:最早指的是打印机在单位面积上打印的墨点数,墨点越多越清晰
四.小程序适配方案
iphone6: 1rpx = 1物理像素 = 0.5px微信官方提供的换算方式:1.以iphone6的物理像素个数为标准 :7502.1rpx = 目标设备宽度 / 750*px3.底层已经做了viewport适配的处理,即实现了理想视口
微信小程序之移动端适配相关推荐
- java webpack web项目_官方出品,微信小程序和 Web 端同构解决方案——kbone
介绍 最近在琢磨一些小程序开发和移动web开发,偶然间在Github上看到了这样一个项目--kbone,一个致力于微信小程序和 Web 端同构的解决方案.微信小程序的底层模型和 Web 端不同,我们想 ...
- 浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务)
浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务) 参考文章: (1)浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务) (2)https://www.cnblogs.com/ ...
- 10分钟上线 - 利用函数计算构建微信小程序的Server端
摘要: 阿里云函数计算是一个事件驱动的全托管计算服务.通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传.微信小程序是一种不需要下载安装即可使用的应用,它可以在微信内被便捷地获取和传播. 当 ...
- 口令红包-利用函数计算构建微信小程序的server端
摘要: 阿里云函数计算是一个事件驱动的全托管计算服务.通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传.微信小程序是一种不需要下载安装即可使用的应用,它可以在微信内被便捷地获取和传播. 当 ...
- 微信小程序解决苹果端在禁止下拉刷新以后仍可以拖到屏幕的问题
微信小程序解决苹果端在禁止下拉刷新以后仍可以拖到屏幕的问题 .json文件中----缺点是固定整个页面 {"navigationBarTitleText": "首页&qu ...
- 利用Serverless构建微信小程序的Server端
前言 这篇文章适合所有的想微信小程序开发新手.老鸟以及想准备学习开发微信小程序的程序猿.本文以开发一个类似"语音口令红包"小程序为例,向您讲解如何使用阿里云函数计算快速构建微信小程 ...
- uniapp兼容保利威视频,可编译成微信小程序、移动端、h5
基于uniapp开发,引入保利威视频云, 代码可编译成微信小程序,移动端,h5,其他小程序理论上都支持但是没有验证,demo下载地址 https://download.csdn.net/downloa ...
- 小程序PHP CGI,微信小程序php服务端nginx配置
微信小程序php服务端nginx配置 微信小程序server端如果选择自己部署的话,可以选择java或者php的,为了省事我选择了php的,腾讯是用CodeIgniter框架做的demo,由于CI框架 ...
- fiddler对微信小程序的电脑端进行抓包,更新HTTP Debugger Pro抓包
fiddler对微信小程序的电脑端进行抓包 1.打开Fiddler,Tools-Options,如下图所示勾选 2.设置完成之后,重启Fiddler 3.抓取内容 1.打开Fiddler,Tools- ...
- 微云二手车运营版 公众号+小程序v1.1.20+微信小程序+抖音端源码安装教程
系统包括PC+公众号+小程序v1.1.20+微信小程序+抖音小程序前端,使用前先在后台初始化下数据.播播资源网技术小编看了下说明是带PC端功能,但后台没找到设置的地方,不过公众号+小程序+抖音也够用了 ...
最新文章
- 求一个字符串中连续出现的次数最多的子串
- CVPR 2020丨动态卷积:自适应调整卷积参数,显著提升模型表达能力
- HTTP 499 状态码 nginx下 499错误
- win7倒计时桌面小工具_iOS 14系统面板截图曝光,新增桌面小工具,越来越像安卓了...
- AD在Windows Server 2003中的更新(中)
- 让我们将包变成模块系统!
- element ui后台html_GitHub上10个开源且优秀的后台管理系统UI面板
- Java学习之SpringBoot整合SSM Demo
- 爬虫中的关于字符串的一些理解
- align latex 使用_latex中使用listings时如何使matlab代码块居左而非居中,最好与上面的文本对齐...
- Mybatis与iBatis的主要区别对比
- 集合Collection总览
- 日志分析代码实现(字符串切割)
- 支持HTML5 SqlLite的AndroidApp
- python程序设计pdf上海交大_上海交大2011_2012程序设计python期末考试题
- 施耐德somachine4.1注册工具
- 最新ApkIDE少月版+JAVA环境变量一键配置软件合集
- 关于python语言和人工智能以下哪个说法不正确_民用建筑包括()和()。
- 【数据库实验】实验四 基于嵌入SQL的综合应用编程(基于QSqlTableModel实现)
- Vue 艺术字体下载、设置
热门文章
- [转]欧洲航天局计划于2018年登月寻水
- 阿里巴巴2015实习面试
- 单片机c语言6种开方,单片机快速开平方的算法
- 每日一题(44)—— 请列举一个软件中时间换空间或者空间换时间的例子
- PS2游戏手柄——基于STC15W4K32S4
- CAN控制器和收发器
- [TSP-FCOS]Rethinking Transformer-based Set Prediction for Object Detection
- 新标准的发布关联的液相色谱-三重四极杆质谱技术的联用
- 3点画矩形的lisp_AutoCAD LISP矩形窗格绘制
- Cordova插件之跳转第三方app