很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。 谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：....
分类：
移动开发 时间：
2014-07-22 22:46:55
阅读次数：
360
今天做了一个如下图的模块其中，标题以及介绍这两块都需要做超出某个宽度就截取一行或两行文字，后面用省略号代替。由于是做的手机页面，用JS来开销太大，只能从CSS入手。一行的很好解决。如下就OK了。white-space:nowrap;overflow:hidden;text-overflow:elli...
分类：
其他好文 时间：
2014-07-01 13:12:09
阅读次数：
171
在标签页还没有诞生的时候， 浏览器对关键词的搜索似乎只能另起窗口显示搜索结果。且这些结果页散乱无序，假若再返回某一页面，就要从桌面一堆窗口里或者一长串任务栏内去翻找，相信现在用惯有标签页浏览器的同学，应该没有谁会愿意再去用这样的产品。这是一个典型的页面跳转例子，并且散乱无序是用户很头痛的事情。在用户...
分类：
移动开发 时间：
2014-06-30 23:13:49
阅读次数：
387
大家刚接触写手机页面 或许都会遇到的修复iPhone的safari浏览器上submit按钮圆角bug修改前 修改后：在CSS中加 -webkit-appearance: none; 便可以解决。...
分类：
移动开发 时间：
2014-06-26 14:12:30
阅读次数：
272
之前用的代码是left:-100%;-webkit-transition:all 5s ease;->left:0;测试部分浏览器效果还是不错的，但是还有另外一部分浏览器无敌卡。经同事提点，换了另外一种方式-webkit-transform:translateX(-100%);-webkit-tra...
分类：
移动开发 时间：
2014-06-24 10:08:04
阅读次数：
276
很多网站都通过User-Agent来判断浏览器类型，如果是3G手机，显示手机页面内容，如果是普通浏览器，显示普通网页内容。 谷歌Chrome浏览器，可以很方便地用来当3G手机模拟器。在Windows的【开始】-->【运行】中输入以下命令，启动谷歌浏览器，即可模拟相应手机的浏览器去访问3G手机网页：....
分类：
移动开发 时间：
2014-06-22 23:51:49
阅读次数：
266
1,图片像素不要用具体px,要用% px2,左右边距也用%px3,字体上,如果太小的px 手机上和电脑上是有区别的最好的情况是用em4,对于get请求所带参数,参数之间不要留空格,不然读取数据时会取不到值 (面对如果名称没有错,值也有的情况,那么就观察你的url 看参数名称之后是否出现奇怪的字符)5...
分类：
移动开发 时间：
2014-06-21 12:25:33
阅读次数：
267
在head标签中加入以上meta声明。具体属性可以谷歌/百度。
我查了下viewport，有几个属性：width - viewport的宽度 height - viewport的高度initial-scale -
初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-...
分类：
移动开发 时间：
2014-06-12 10:24:54
阅读次数：
430
新开发的网页需要在手机或是模拟机上运行测试，如果手头事件比加紧，那么可以借助
Chrome提供的手机网页预览程序进行简单调试。查看 制作的网页是否能够适合各种手机型号使用。下面所以下如何使用Chrome调试多类型手机网页。首先
下载Chrome 浏览器。在你要调试的网页或是本地页面中。按F12 打开...
分类：
移动开发 时间：
2014-06-12 06:30:01
阅读次数：
368
