手把手教你制作手机H5页面

手机页面开发(h5页面)

单位雷姆

动态计算html和字体的大小。

布局上采用了Flex。

设计好每个元素的宽度，除以20，就可以了。/2的一半，/10是px加字号，换算一下。

注意:Google浏览器的默认字体大小至少是12px，所以会有2px的偏差，所以我们需要手动设置最小字体。

flex布局简介

网络工作者websocket

/* Mobile HTML5 Click事件Flash灰色背景解决方案*/HTML，body {-Webkit-text-size-adjust:100%；-WebKit-tap-highlight-color:rgba(0，0，0，0)；}

移动H5页面点击事件无效绑定的解决方案

最近玩了一个H5游戏，在IOS上遇到了页面点击事件绑定失败的问题。在询问了相关问题后，我总结了几个问题:

1.点击事件在IOS上绑定不成功。

原因是在ios系统中，document、div、body body等元素。本身没有可单击的属性，不能用作托管单击事件的父元素。所以，如果你这样管理事件，ios就不会得到你文档的点击事件，自然也就不会得到你想要绑定的元素。

解决方案:绑定光标:指向绑定点击事件的元素的指针；

2.移动终端运行时，页面给出错误。

在我解决了第一个案例中的问题后，H5游戏测试套装中游戏页面的屏幕无法通过点击移除: