rem是相对于根元素html的font-size。 1rem = html的font-size 移动端适配通常使用rem。 在开发时，设计稿通常为750px物理像素 ，所以用750设计稿举例对应的iphone6的375px逻辑像素。(物理像素是逻辑像素的2倍) 375 / 7.5 = 50px（37 ...
分类：
移动开发 时间：
2021-06-25 17:04:48
阅读次数：
0
客户有个网站要改版，找新来的设计重新做了图 设计图纸上是一排5个显示，字体用的22px。当然，px设计图是750px宽度的，用iphone6来模拟的话，跟实际显示存在2倍关系，也就是实际字体是11px，我表示无法实现，改成了12px大小 设计图长这样 写前端的时候我改成了12px，画风瞬间变得十分局 ...
分类：
移动开发 时间：
2020-06-24 16:29:40
阅读次数：
78
1、rpx: 微信小程序中的尺寸单位rpx(responsive pixel) 可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx. 注：微信官方建议视觉稿以iphone6为标准。 2、个人示例测试: 假设我们需要一个宽为200px，高为200px这样的A元素模块;我们分别在iphone5和ip ...
分类：
微信 时间：
2020-06-22 19:28:40
阅读次数：
234
html { font-size: 16px; } @media screen and (min-width: 375px) { html { /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */ font-size: calc(100% + 2 ...
分类：
Web程序 时间：
2020-06-08 10:53:26
阅读次数：
99
两个门派 根据屏幕宽度设置 rem 计算方式：rem 根据屏幕宽度计算：屏幕宽度越大，元素的尺寸越大。 可以把网页想象成一张等比缩放的图片，当你屏幕宽度增大，图片被拉宽，同时高度也会等比例增长。以iPhone6为例，假设1rem = 100px， 一个宽度 100px 的 div 在 iPhone6 ...
分类：
其他好文 时间：
2020-05-14 22:40:12
阅读次数：
94
移动端开发HTML5（H5）采用SwiperJS单屏垂直滑动页面中，某页内容高度超出屏幕高度解决办法 当产品给我原型的时候，我觉得这是一个普通的专题，为了赶时间（下班前给的设计稿，产品姐姐说，明早要上！）。当我下班时拿到设计师给出了基于iPhone6分辨率的设计稿时，我陷入了沉思。 不得不说，整体设 ...
分类：
移动开发 时间：
2020-05-08 19:53:06
阅读次数：
102
最近ios发布新版本系统12.1，随着部分用户的系统更新，一些问题也渐渐暴露出来。。。 公司用户反映微信公众号出现了点击无效的bug！！测试调查发现，只有iphonex、iphone6，ihpone7等部分机型会出现该问题 我当时就是一惊，一般出现在事件上的问题都是疑难杂症。何况是跟键盘相关的。 我 ...
分类：
移动开发 时间：
2020-05-07 13:57:05
阅读次数：
103
option = { title: { text: 'iphone销量', subtext: '纯属虚构' }, tooltip: { trigger: 'axis', formatter: function (params, ticket, callback) { var htmlStr = '' ...
分类：
其他好文 时间：
2020-04-20 21:33:45
阅读次数：
64
尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。 vue页面支持普通H5单位，但在nvue里不支持： rem ...
分类：
微信 时间：
2020-04-17 20:00:14
阅读次数：
386
事件的标准模式 .NET 框架为事件编程定义了一个标准模式。设定这个标准是为了让.NET框架和用户代码保持一致。System.EventArgs是标准模式的核心，它是一个没有任何成员，用于传递事件参数的基类。 按照标准模式，我们对于上面的iPhone6示例进行重写。首先定义EventArgs： pu ...
分类：
其他好文 时间：
2020-03-06 23:33:17
阅读次数：
77
