大家好,今天小编关注到一个比较有意思的话题,就是关于html5手机端页面的问题,于是小编就整理了3个相关介绍HTML5手机端页面的解答,让我们一起看看吧。
- HTML5手机端页面缩放问题应该如何解决?
- 手机wap网站和html5手机网站有什么区别?
- html5开发的手机APP怎么做首页的菜单页面切换?
做一个h5移动端项目首先要做好适配
一般在h5头部声明一下。
div>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
上面的意思就是宽度为屏幕的宽度,缩放比例是1,不允许调整缩放比例,最小缩放比例是1,最大缩放比例是1.
然后配合rem来适配各种手机的类型。
1.利用rem跟vw来做适配
2.利用rem跟根元素的font-size适配
我选择的是第二种,动态计算HTML根元素的font-size然后配合rem使用。可以兼容各种手机。
手机wap网站和html5手机网站有什么区别?
(1)、WAP(wirelessapplicationprotocol)是无线应用协议的缩写,一种实现移动电话与互联网结合的应用协议标准。wap网站也就是我们通常说的手机站。
(2)、html5是W3C制定的超文本标记语言(html)的第五次修改,通过html5制作的网站可以灵活运行于PC,平板,手机等各种媒体。
(3)、wap网站只能运行于手机端,多以文字图片为主,无特效和逻辑功能;html5的新特性可以让网站运行各种媒介(PC、平板、手机),并可以根据媒介的不同响应调节网站结构,与js/css3,可以构造出炫酷的特效效果。WAP网站是基于WAP2.0开发出来的手机网站,这种网站主要应用于传统的智能手机上,并且支持任意移动终端可以很好地体验,兼容性比较高,页面的设计没有特效。
因为传统的智能手机没有多点触控的功能,所以WAP网站的设计非常简洁,并且适用于键盘手机操作。随着大屏幕智能手机的发展,WAP的网站慢慢被手机网站取代。
如果不想用传统的页面跳转,可以考虑使用一下[_a***_]的MVC框架,比如backbone.js比如Angular.js都可以实现你说的那种,上下不动只有中间的内容在变,其实加载的是不同的模板,然后用路由控制的,整个浏览器始终处在一个界面中,只是在不停的重新渲染内容,页面并没有跳转,这个应该就是你想要的了吧
到此,以上就是小编对于html5手机端页面的问题就介绍到这了,希望介绍关于html5手机端页面的3点解答对大家有用。
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/56794.html
相关推荐
-
大家好,今天小编关注到一个比较有意思的话题,就是关于OPPO手机css不适配的问题,于是小编就整理了1个相关介绍OPPO手机css不适配的解答,让我们一起看看吧。oppo怎么关闭html?oppo怎么关闭html?1.手机上的安全软件是保护...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html无限弹窗代码的问题,于是小编就整理了3个相关介绍html无限弹窗代码的解答,让我们一起看看吧。电脑点击出现javascript是什么意思?网站如何快速收录,不收录怎么办?怎样关掉小...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html社交网站模板的问题,于是小编就整理了5个相关介绍html社交网站模板的解答,让我们一起看看吧。设计师们经常逛的网站有哪些?你知道有哪些靠谱的看论文网站?应届生求职网站有哪些?css...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css如何设置背景路径的问题,于是小编就整理了3个相关介绍css如何设置背景路径的解答,让我们一起看看吧。在html中插入整个页面的背景图?在html中插入整个页面的背景图?网站的URL路...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于值得借鉴的css网站的问题,于是小编就整理了2个相关介绍值得借鉴的css网站的解答,让我们一起看看吧。设计师们经常逛的网站有哪些?有哪些高逼格的室内设计、软装设计网站推荐?设计师们经常逛的...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css如何设置版权符号的问题,于是小编就整理了3个相关介绍css如何设置版权符号的解答,让我们一起看看吧。怎么修改网站底下的版权信息啊,需要什么工具?有哪些免费的设计素材网站?ip地址后缀...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html导航框架实例的问题,于是小编就整理了4个相关介绍html导航框架实例的解答,让我们一起看看吧。css如何把文字弄成一排导航栏?html中导航栏前面的点怎么去掉?Html网页中怎么设...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于javascript门面模式的问题,于是小编就整理了2个相关介绍javascript门面模式的解答,让我们一起看看吧。转让门面可以小刀什么意思?成功的网站建设应该如何做好网站策划方案?转让...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html学校网站首页的问题,于是小编就整理了3个相关介绍html学校网站首页的解答,让我们一起看看吧。有谁知道C语言可以有哪些练习编程的网站?HTML做的网页,如何使当前页面跳转到另一页面...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html广告轮播代码的问题,于是小编就整理了4个相关介绍html广告轮播代码的解答,让我们一起看看吧。虎牙的轮播图怎么写?html5app开发,实现广告轮播,广告图片为5个,实现循环播放...