在用HTML5开发手机应用或手机网页时,部分总会有如下一段代码,这段代码到底什么意思呢。在网上,大家会得到很多答案。我从网上搜集了部分介绍,整理一下,以留备用。什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽....
分类:
移动开发 时间:
2014-08-03 15:00:05
阅读次数:
339
【本文原创,谢绝转载】
【总结】
1.手机浏览器,不管是UC、原生浏览器、safari,显示页面都是按照320px的
2.由于现在手机的宽度都大于320px,所以,图片会模糊
3.像苹果的retina屏幕的方式学习! 先把图片做成两倍长宽的大小,然后通过css样式强制做成原大小...
分类:
移动开发 时间:
2014-08-01 23:11:42
阅读次数:
209
原文:http://blog.csdn.net/newjueqi/article/details/19003775
做了接近两年app相关的系统架构,api设计,先后在两个创业公司中工作,经历过手机网页端,android客户端,iphone客户端,其中的乐与苦,得与失,仰首问天有谁知?我觉得是时候来个总结,把相关的技术和心得记录下来。
注:这系列文章谈到的经验是根据自身在小型创...
分类:
移动开发 时间:
2014-07-26 02:30:59
阅读次数:
310
一、起始之语我一直都是在PC上折腾网页的,这会儿怎么风向周边捣鼓起手机网页开发呢?原因是公司原先使用Java开发的产品,耗了不少人力财力,但是最后的效果却不怎么好。因为,Android系统一套东西,iPhone又是新的一套,折腾死人呐。于是总监发狠,让我把手上的活都交出去,专心折腾web版的,看看最...
分类:
移动开发 时间:
2014-07-24 22:17:02
阅读次数:
205
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:....
分类:
移动开发 时间:
2014-07-22 22:46:55
阅读次数:
360
先上最终效果:最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性。一些比较优秀的框架:10大优秀的移动Web应用程序开发框架推荐最终选择的是 jQuery Mobile ,官方地址:http://jquerymob...
分类:
移动开发 时间:
2014-07-02 23:26:34
阅读次数:
220
安卓手机底部四五分页的导航都是比较漂亮的今天直接给大家推荐这款代码,这样就省得每次自己写了jQuery特效代码:0102030405jquery+css3安卓Android(苹果iphone)桌面底部导航菜单0607080910111213141516171819202122232425262728...
分类:
移动开发 时间:
2014-06-28 20:37:38
阅读次数:
263
网页宽度页面box不要写宽度或width:100%之类的去掉头部加上下面代码:<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>图片宽度<scripttype="text/javascript">functioninit(){varji..
分类:
移动开发 时间:
2014-06-27 07:05:34
阅读次数:
239
很多网站都通过User-Agent来判断浏览器类型,如果是3G手机,显示手机页面内容,如果是普通浏览器,显示普通网页内容。 谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:....
分类:
移动开发 时间:
2014-06-22 23:51:49
阅读次数:
266
移动篇:@media screen and (min-width:540px){#news_detail .pinglun-form { margin:0 auto;width: 540px;}}@media screen and (max-width:540px){#news_detail .pi...
分类:
移动开发 时间:
2014-06-15 06:26:51
阅读次数:
400