随笔分类 -  H5移动端

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

点击右上角即可分享
微信分享提示