H5项目常见问题汇总及解决方案

H5项目常见问题及注意事项

Meta基础知识:
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面html 代码

空白页基本meta标签

**html 代码**

其他meta标签

html 代码

常见问题:
移动端如何定义字体font-family

html 代码

打电话发短信写邮件怎么实现**html 代码**

移动端touch事件(区分webkit和winphone)

html 代码

移动端click屏幕产生200-300ms的延时响应

html 代码

Rentina显示屏原理及设计方案
说明:retina屏是一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由1个变为多个,如在同样带下的屏幕上,苹果设备的retina显示屏中,像素点1个变为4个。
在高清显示屏中的位图被放大,图片会变得模糊,因此移动端的视觉稿通常会设计为传统PC的2倍。
那么,前端的应对方案是:设计稿切出来的图片长宽保证为偶数,并使用backgroud-size把图片缩小为原来的1/2html 代码

点击元素产生背景或边框怎么去掉
html 代码

美化表单元素

html 代码

移动端字体单位font-size选择px还是rem

html 代码

超实用的CSS样式

css 代码

取消input在ios下,输入的时候英文首字母的默认大写

html 代码

手机拍照和上传图片

html 代码

屏幕旋转的事件和样式

javascript 代码

audio元素和video元素在ios和andriod中无法自动播放

html 代码

重力感应事件**javascript 代码**

微信浏览器用户调整字体大小后页面矬了,怎么阻止用户调整

javascript 代码

定位的坑

html 代码

播放视频不全屏
html 代码

JS判断设备
javascript 代码

JS判断微信浏览器

javascript 代码

android 2.3 bug

html 代码

android 4.x bug
html 代码

消除transition闪屏**css 代码**

开启硬件加速
css 代码

渲染优化

html 代码

评论 ( 11 )
最新评论
河北秦皇岛88 8F 2017-05-24 08:30:05 11F

body{font-family:Helvetica;}对,就写个这个就行

oranges 2017-05-19 18:34:49 10F

好多实用技巧,谢谢分享

yuanyao2016 2017-05-19 15:32:25 9F

6666

来杯珍珠奶茶 3F 2017-05-18 09:12:32 8F

做移动端的时候 也就是不必设置字体样式喽 只要设置大小是吗?

hxz0802 2017-05-17 18:49:49 7F

webkit-playsinline="true" 禁止视频播放全屏无效

yy5271 2017-05-16 11:04:27 6F

感谢分享

YFCathy 2017-05-15 22:08:44 5F

meta基础知识的 第二部分,为什么要给width设为640而不是直接给device-width呢?而且为什么在version小于2.3时,连控制比例的phoneScale也不用加呢?

alonguo 2017-05-15 09:35:08 4F

点赞

河北秦皇岛88 2017-05-14 10:39:45 3F

楼主,移动端设置字体那块,你想法不对。各个手机系统有自己的默认字体,且都不支持微软雅黑,所以一般移动端的项目没有特殊需求,中文都用系统默认字体,不用定义,英文字体和数字字体可使用 Helvetica ,三种系统都支持。

674587054 2017-05-13 11:13:24 2F

很全面 谢谢分享

抵拢倒拐Web 2017-05-13 08:39:58 1F

感谢感谢