HTML5

当前位置:主页 > 网页制作 > HTML5 >

手机网页制作笔记 HTML5

时间:2020-05-11|栏目:HTML5|点击:

viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1。0,即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries。js。由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。然后,h1的大小是默认大小的1。5倍,即24像素(24/16=1。5)。float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,另外,绝对定位(position! absolute)的使用,也要非常小心。同一个CSS文件中,也可以根据不同的屏幕分辨率,用html5做手机网页选择应用不同的CSS规则。此外,手机网页制作笔windows平台缩放图片时,可能出现图像失真现象。这时,可以尝试使用IE的专有命令:不过,有条件的话,最好还是根据不同大小的屏幕,加载不同分辨率的图片。有很多方法可以做到这一条,服务器端和客户端都可以实现。看完以上的内容对我帮助非常大,然后自己尝试。到鞋面出来了之后慢慢的成就感;但是问题来了,对于移动手机来说网页调试是个大问题。最后我是用的是真机测试,使用IP访问本地的HTML文件(不知道怎么调试的可以用谷歌Chrome最新版的模拟调试,记 HTML5基本可以满足大部分的不同大小的手机屏幕)。关于触摸滑动,开始使用的是zopto。js结果发现是一大坑,用html5做手机网页果断放弃。最后找到个人认为还好的,基本满足功能的插件,推荐给大家。1、一个比较轻量级的插件,也很简单,功能也很实用大小仅仅只有1。2K。。这款插件的事件比上一篇文章的插件少的多的多,只有简单的上下左右滑动,但是基本上也就是这几个特效,而且插件非常小,非常适合做网站。

上一篇:HTML5做的web网页可以直接做成手机APP么?

栏    目:HTML5

下一篇:没有了

本文标题:手机网页制作笔记 HTML5

本文地址:http://www.intnet.net/wangyezhizuo/HTML5/1486.html

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:78955 | 邮箱:78955#qq.com(#换成@)

Copyright © 2011-2020 intnet编程教程网 版权所有