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
WXSS,WeiXin Style Sheets是一套样式语言,用于描述WXML的组件样式. 与CSS相比,WXSS扩展的特性有: (1) 响应式长度单位rpx (2) 样式导入 尺寸单位 rpx,responsive pixel: 可以根据屏幕宽度进行自适应. 规定屏幕宽为750rpx. 在iph ...
分类：
微信 时间：
2021-01-19 12:29:06
阅读次数：
0
/* 1 小程序中 不需要主动来引入样式文件 2 需要把页面中某些元素的单位 由 px 改成 rpx 1 设计稿 750x 750 px = 750 rpx 1 px = 1 rpx 2 把屏幕宽度 改成 375px 375 px = 750 rpx 1 px = 2rpx 1rpx = 0.5px ...
分类：
其他好文 时间：
2021-01-19 11:42:36
阅读次数：
0
宽度改变从而改变某个元素的样式 @media screen and (max-width:750px) {/* 仿bootstrap的自适应隐藏功能，当屏幕宽度小于750时，让它隐藏 */ .h-right { display: none; } /* 改变该元素的上边距 */ .main_right ...
分类：
其他好文 时间：
2020-08-03 18:38:20
阅读次数：
76
wx.getSystemInfo(） 获取系统信息 函数参数： 返回值： 例如：写法一index.js 1 /* 2 brand 设备品牌 3 model 设备型号 4 pixelRatio 设备像素比 5 screenWidth 屏幕宽度，单位px 6 screenHeight 屏幕高度，单位px ...
分类：
微信 时间：
2020-07-06 15:55:03
阅读次数：
123
WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。 与 CSS 相比，WXSS 扩展的特性有： 尺寸单位 rpx(响应式长度单位)，可以根据屏幕宽度进行自适应 样式导入 1.尺寸单位：rpx（responsive pixel）: 可以根据屏幕宽度进行 ...
分类：
微信 时间：
2020-06-28 00:03:31
阅读次数：
116
1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5 但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。 2.rem 这里的 ...
分类：
其他好文 时间：
2020-06-23 13:00:35
阅读次数：
43
1、rpx: 微信小程序中的尺寸单位rpx(responsive pixel) 可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx. 注：微信官方建议视觉稿以iphone6为标准。 2、个人示例测试: 假设我们需要一个宽为200px，高为200px这样的A元素模块;我们分别在iphone5和ip ...
分类：
微信 时间：
2020-06-22 19:28:40
阅读次数：
234
1 function fnInitScreen() { 2 var html = document.getElementsByTagName("html")[0]; 3 var width = window.innerWidth; 4 var font_size = 0; 5 font_size = ...
分类：
Web程序 时间：
2020-06-18 11:04:27
阅读次数：
120
// 设计稿自定义为375px 利用测量的px大小除以50px 即可得到所需rem值 (function () { remLayout(); function remLayout() { // 获取屏幕宽度 var w = document.documentElement.clientWidth | ...
分类：
其他好文 时间：
2020-06-17 23:47:50
阅读次数：
99
