随笔分类 - H5移动端
摘要:1、在微信上分享的时候发现只有头部标题显示,没有内容和图片,那么如何自定义内容和图片呢? 首先第一步在 index.html先引入微信JS sdk <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2
阅读全文
摘要:1、如果用户是用手机打开就跳转到移动端页面,如果用户是用浏览器打开就跳转到对应的PC端页面,js如下代码: <!-- 在首页加上 --> <script type="text/javascript"> function getScreen() { //判断是不是移动端 if ((navigator.
阅读全文
摘要:1、公司要求做一个H5龙舟比赛游戏,所以就想到用原生的H5来写,由html、css、jQuery制作一个龙舟比赛小游戏游戏, 如果大家有兴趣可以看下,人机龙舟主要实现原理是通过定位加 setInterval 来实现的,自己的龙舟主要是通过点击来改变定位来实现的,还有需要注意z-index层级关系,i
阅读全文
摘要:1、在H5开发中,我们开发一个商城,是竖屏开发的,可能有某些用户手机设置自动旋转, 这个时候横屏状况下我们的商城 就容易产生样式错乱且格外的不好看,所以我们要在用户手机为横屏的状况下给与用户提醒,让用户在正常竖屏的情况下使用软件,上代码index.html: <body> <!-- 提醒用户竖屏 -
阅读全文
摘要:1、常用的小游戏开发挺多都是横屏显示,所以我们H5开发同样也需要横屏显示,所以我分享一个强制横屏的demo,html的内容如下: <body style="margin: 0px;height: 100%;padding: 0;" > <div id="print"> <div id="change
阅读全文
摘要:1、根据媒体查询设置html的font-size的大小,less代码如下: //假设手机设置为10等分,html的字体大小等于屏幕大小除以10 @no:10; @media screen and (min-width: 320px) { html{ font-size: 320px / @no; /
阅读全文
摘要:1、移动端如果使用rem是怎么换算px单位的: 转化为px的大小取决于页根元素的字体大小,即 html 元素的字体大小。 根元素字体大小乘以你 rem 值。 例如,根元素的字体大小 16px,设置width为10rem 实际上的像素值就为160px,即 10 x 16 = 160。 优点:1、自适应
阅读全文