在测试后的时候我手机宽高计算不准确无法给轮播赋值,最后用的jq resize方法,这样不论浏览器尺寸如何改变包括在PC端测试的时候都能等比例缩放,缺点就是在轮播间隔的那段时间改变尺寸的话不能及时缩放,下一次轮播运行之后就正常了,原因主要是因为我给了固定宽度,不给固定宽度的话就会实时的改变大小,后期会改进。。。(见最后)
4、其他
使用jqm自带的东西比较少,只使用了菜单弹出效果和左滑动(swipeleft)与右滑动(swiperight)方法,以后制作手机网站可以考虑不使用jqm,改用zepto,后者体积更小打开更快,也没有重复加载上一个页面的问题。
制作过程中我只测试了iphone4 safari浏览器和Android chrome浏览器,希望大家可以用自己的手机都测试一遍,不好的地方再做修改。
————————————–更新——————————————————–
今天解决了图片轮播的问题,原来的思路是每次改变浏览器的宽度都要重新获取固定宽度,然后再把包含图片的容器设置成改变之后的宽度,同时图片滚动距离也相应改变,这样做太麻烦了,每次改变都要获取固定宽度,后来用的方法就是不获取固定宽度,全都是用百分比,代码要比文字说得清楚:
原来;
hdpSlide()函数中传进来的是变化之后的宽度(还是两个值。。。。。。)
现在:
根据li的个数设置父容器的宽度为n*100%;(100/n)%就是图片的宽度,这样容器与图片宽度始终都是百分比,随意更改浏览器尺寸都会实时的缩放,实时改变滚动距离。
怎么让百度搜索靠前青岛网络宣传怎样生成网页链接会员制营销方案案例精品日产高清卡4卡5区别百度推广开户多少钱一个月h5做网站html网页设计实例大学生国外购物平台网页界面设计龙岩做网站改版找哪家公司济宁十大外贸公司app开发公司平台电脑报价网站类似开发次元世界莱芜区人民政府网疯狂影视广州疫情最新动态知乎手工制作贺卡简单又漂亮网站建设费用首选网络宣传海报设计性价比高的服务器logo商标设计网站重庆网站制作一般需要多少钱建筑行业最新资讯南宁制作网站服务商产品开发流程介绍海口大禾互联网科技有限公司中国企业500强2018龙岩网红阙佩琪怎么建一个公司运营网站2020网页游戏