移动端布局痛点在：兼容各个分辨率的移动设备，同样是手机，iPhone4-iPhoneX分辨率范围就已经很广；如果使用px进行布局，显然会出现问题； 常见的像素单位px,em,rem中，em是相对于父元素font-size的单位，个人认为在使用中，em会比较混乱；rem相对的是根元素、HTML，便于根 ...
分类：
移动开发 时间：
2018-04-26 14:53:32
阅读次数：
227
在需要引用的页面js文件中onload方法里获取全局变量 let isIphoneX = app.globalData.isIphoneX; this.setData({ isIphoneX: isIphoneX }) 在 wxml文件中 进行css的逻辑判断 <view class="{{isIp ...
分类：
微信 时间：
2018-04-25 20:09:35
阅读次数：
1704
在网站上，我们经常会看到这样的效果，有一个IphoneX的手机屏幕，然后屏幕上会像真的一样，会出现各种动画效果，譬如图片的渐隐渐现。今天我们就尝试做一个这样的效果。 HTML页面结构大概是这样子的： 其实很简单，就是外边一个box，我们把她的背景设置为手机的图片，里边的imgBox,用来存放图片，图 ...
分类：
移动开发 时间：
2018-03-31 23:57:42
阅读次数：
346
兼容IphoneX的显示，一般有两种方法，一种通过css的media来做兼容，一种是通过js来做兼容。 一、我们先讲CSS的方法，我们要做两步即可： 1. 全屏覆盖，html使用 2.通过对底部上移或者顶部下移进行处理 二、通过js来对IphoneX进行兼容 通过判断设配的宽度高度还有设备的像素是否 ...
分类：
其他好文 时间：
2018-03-28 15:31:56
阅读次数：
1293
方法1.js判断（以下采用Jquery） 方法2.利用iphoneX独特的型号参数 375 — iphoneX设备的宽度812 — iphoneX设备的高度 3 — iphoneX设备的分辨率724 — iphoneX设备的高度(812) - 顶部通栏高度(88) 注意： 使用第一种方法js判断的时 ...
分类：
其他好文 时间：
2018-03-21 15:06:42
阅读次数：
464
程序练习 程序：购物车程序 需求: 1 # -*- coding:utf-8 -*- 2 # !/usr/bin/env python 3 # Author:dc 4 5 list_of_product = [["IphoneX", 8999], ["Apple Air", 3088], ["Mac ...
分类：
编程语言 时间：
2018-03-11 12:00:45
阅读次数：
156
上一次讲到了react-native 的配置环境 和 如何去进行调试，这一次我们说一说，关于react-native的 样式兼容问题。 由于iphonex的发售，在兼容的时候，我门也需要去考虑iphoneX。iphoneX的兼容思路就是，将上部和下部分的安全区域空出来。所以在每次写样式的整体布局的时 ...
分类：
其他好文 时间：
2018-02-13 13:29:23
阅读次数：
178
目录 问题列表 1.XCode9添加资源文件不能获取路径问题 2.iOS11 系统导航栏上自定义view的显示问题 3.UITableView 出现的遮挡显示问题(三行代码解决，放到基类) 4.适配iPhoneX 屏幕原则 5.适配过程一些常量的设置 6.出现UIScrollview 漂移问题（基本 ...
分类：
移动开发 时间：
2018-02-05 17:06:48
阅读次数：
2917
Simple Demo 假设我有一部iPhoneX，又非常喜欢玩游戏，那么我这部破手机主要存在两种状态：待机和游戏中。 此时手机的状态图非常简单： 将这个状态图转换为代码： 每一个状态用不同的整数代表，将每一个动作整合成方法，每一个动作都可能造成状态的转换。 测试代码： 更改需求 但存在一种特殊情况 ...
分类：
其他好文 时间：
2018-01-19 23:23:03
阅读次数：
234
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .tit{ //顶部fix定位 加padding，具体数值自测 padding-... ...
分类：
Web程序 时间：
2018-01-19 17:53:59
阅读次数：
1742
