H5
极地雪狼li
IT行业
展开
-
常见的移动端H5页面开发遇到的坑和解决办法
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也...转载 2020-03-09 23:00:06 · 6244 阅读 · 2 评论 -
web js实现照片拍照保存插件
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scala...原创 2018-08-16 18:05:40 · 2126 阅读 · 0 评论 -
H5调用相机,裁剪,压缩照片
最近项目中遇到拍照,预览上传的问题,苹果手机不兼容,拍照旋转90度,在网上查找出好多方法,都无效,最后用input调用相机,然后用canvas画布裁剪照片,压缩保存,代码如下。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta n...原创 2018-08-16 18:12:45 · 1195 阅读 · 0 评论 -
手机端左右全屏滑动(加精)【判断PC还是移动端】
上下滑动:http://blog.csdn.net/libin_1/article/details/50527583下载http://download.csdn.net/detail/cometwo/9467993<!DOCTYPE html><html lang="en"> <head> <title>...转载 2018-08-16 18:28:08 · 1130 阅读 · 0 评论 -
移动端适配简易步骤
手机端全部适配简易步骤,不确保没有bug。1、HTML 的 head 部分中加入如下代码:<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">其中 width:viewport...转载 2018-08-16 18:40:18 · 181 阅读 · 0 评论