1、物理像素 设备像素,在同一个设备上,它的物理像素是固定的,这是厂商在出厂时就设置好了的,即一个设备的分辨率是固定的。 2、逻辑像素 CSS像素,viewport中的一个小方格,CSS样式代码中使用的是逻辑像素。如果在一个设备中,物理像素与逻辑像素相等,将不会产生任何问题。但是,在iphone 4 ...
分类:
移动开发 时间:
2018-10-08 10:21:52
阅读次数:
184
1-1 选择器 每一条css样式声明(定义)由两部分组成,形式如下: 在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。比如右侧代码编辑器中第7行代码中的“body”就是选择器。 1 <!DOCTYPE HTML> 2 <html> 3 ...
分类:
Web程序 时间:
2018-10-07 20:20:58
阅读次数:
183
本文主要介绍Flutter布局中的Baseline、FractionallySizedBox、IntrinsicHeight、IntrinsicWidth四种控件,详细介绍了其布局行为以及使用场景,并对源码进行了分析。 ...
分类:
数据库 时间:
2018-10-06 14:35:19
阅读次数:
198
移动端的三大事件: 手指按下: touchstart 手指移动: touchmove 手指抬起 touchend 注意: 在移动端开发的时候,浏览器的模拟器时好时坏,一般不用on的方式绑定函数,要用事件绑定的方式(add.EventListener) 不建议用电脑端事件的原因(如:mousedown ...
分类:
移动开发 时间:
2018-10-04 18:56:28
阅读次数:
197
position: fixed引发的问题 在开发移动端页面时,尽量少使用固定定位布局,因为会在ios系统上引发一系列不可控的状况,比如 1.使用fixed定位的元素会随着页面的滑动而抖动; 2.页面滑动失去惯性; 3.可能在滑动过程中引发瞬间的页面错乱,停止后恢复正常; 在需要使用fixed定位的时 ...
分类:
移动开发 时间:
2018-09-14 15:58:49
阅读次数:
150
小于12px水平行高不居中 小于12px水平行高不居中 ...
分类:
移动开发 时间:
2018-08-31 23:25:28
阅读次数:
510
根据CSS3规范,视口单位主要包括以下4个: vw : 1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个 用视口单位度量,视口宽度为100vw,高度为100vh(左侧为竖屏情况,右侧为 ...
分类:
移动开发 时间:
2018-08-23 19:15:40
阅读次数:
290
移动端框架和传统框架的区别: 移动框架在于快速开发一下项目,而手机端和pc端的适配主要是靠bootstrap来做的 zepto和mobile 比较适合,在移动端有很多触摸事件,而在pc端则是很多的点击事件这些 另外针对移动端的设备,比如可以定位,获取你的定位,调用你的手机发送短信呀,老师拿几个案例 ...
分类:
移动开发 时间:
2018-08-23 02:01:56
阅读次数:
315
移动端高清、多屏适配方案 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 首先,选取一款手机的屏幕宽高作为基准(以前是ipho ...
分类:
移动开发 时间:
2018-08-21 17:13:55
阅读次数:
230