H5项目常见问题汇总

转载 (原文地址) szp1203 随笔 h5 676阅读 2018-07-17 15:59:39 举报

原文地址

Meta基础知识:

H5页面窗口自动调整到设备宽度,并禁止用户缩放页面

空白页基本meta标签

其他meta标签

常见问题:

移动端如何定义字体font-family

打电话发短信写邮件怎么实现

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

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

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

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

美化表单元素

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

超实用的CSS样式

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

手机拍照和上传图片

屏幕旋转的事件和样式

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

重力感应事件

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

定位的坑

播放视频不全屏

JS判断设备

JS判断微信浏览器

消除transition闪屏

开启硬件加速

渲染优化

评论 ( 1 )
最新评论