移动端1px变粗的原因 为什么移动端css里面写了1px, 实际看起来比1px粗. 其实原因很好理解:这2个’px’的含义是不一样的. 移动端html的header总会有一句 <meta name="viewport" content="width=device-width, initial-sca ...
分类：
移动开发 时间：
2017-09-16 13:29:03
阅读次数：
2530
整理web移动端开发经验，部分内容借鉴于网上的博文。 1、meta标签 2、屏蔽ios点击元素时出现的阴影 3、ios 设置input 按钮样式会被默认样式覆盖 4、长度单位用rem 5、多用text-shadow这个属性，可以美化文字效果 border-radius、box-shadow、grad ...
分类：
移动开发 时间：
2017-09-15 12:22:40
阅读次数：
236
::-webkit-scrollbar{ width:0;}::-webkit-scrollbar-track { background:rgba(0,0,0,0);} ::-webkit-scrollbar-thumb { background:rgba(0,0,0,0);} ::-webkit- ...
分类：
移动开发 时间：
2017-09-04 17:50:30
阅读次数：
264
写H5页面一直写的有点随意,只是保证了页面在各个屏幕下显示良好,却没有保证到在各个屏幕下是等比例放大或者缩小.这些天在写一些页面,试着看看能不能写出等比例放大缩小的页面,发现不容易啊,在网上找了一些文章,整理如下: (只说方案,具体实现看大神的文章) 方法一:用流式布局,px做css单位,在大屏小屏 ...
分类：
移动开发 时间：
2017-06-25 12:39:42
阅读次数：
254
移动端总结和手机兼容问题 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-sc ...
分类：
移动开发 时间：
2017-06-01 22:44:26
阅读次数：
229
屏幕尺寸、屏幕分辨率、屏幕像素密度 屏幕尺寸： 指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米。 常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。 屏幕分辨率：（iphone6 750*1334） 指在横纵向上的像素点数，单位是px，1px=1个像素点。一般 ...
分类：
移动开发 时间：
2017-05-19 23:58:06
阅读次数：
348
移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象 让我们先 ...
分类：
移动开发 时间：
2017-04-03 18:08:53
阅读次数：
191
将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间. 电脑端使用localstorage是测试没有问题的,但是用android的apk打包之后,导致localstorage失效,无法进行缓存,查阅资料之后,得知解决方法: 安卓代码: ...
分类：
移动开发 时间：
2017-03-30 17:46:53
阅读次数：
415
作用是：为了能够使得不同分辨率的不同浏览器用户提供适合浏览环境的图片大小的解决方案，之前的解决方案是@media 1.image-set用在css背景图上如： .box{ background-image:url(icon.png) 0 0 no-repeat; background-image:- ...
分类：
移动开发 时间：
2017-03-25 20:20:34
阅读次数：
224
首先，不去鸟不支持事件监听的浏览器（IE6、7、8），当然不写也可以，因为对字号的自适应的需求都是移动端。 当出现窗口大小改变的时候给window绑定一个监听，运行一个叫setFont的函数；当页面的Dom结构加载完也运行setFont（或者不监听直接setFont()运行也可以。） setFont ...
分类：
移动开发 时间：
2017-03-23 12:41:58
阅读次数：
443
