随笔分类 -  手机web开发

Web Application
摘要:在做手机APP开发的时候需要用到一个弹出框和一个遮罩层,在电脑、Ipad、Iphone、Android 2.3系统上显示没有问题,但是在Android 4.0却出现了问题,问题如下:>>弹出框被盖在遮罩层下其主要样式为:/*弹出框样式*/.setFrame{ text-align:center; overflow:hidden;color:#044c93; -webkit-border-radius:.5em; padding-bottom:15px; position:absolute;left:50%; box-shadow:0 0 10px #000;... 阅读全文
posted @ 2012-10-12 16:38 ﹏風﹖﹍ 阅读(2016) 评论(0) 推荐(0)
摘要:iphone、ipad上文本框内外阴影无效的解决方法加上这句就可以了亲~ 这是去除webkit浏览器内核默认对元素标签的默认样式,加上之后阴影就出来啦~ -webkit-appearance:none;加上属性后的文本框 未加属性的文本框文本框样式:.login_txt{ width:120px;height:35px;line-height:35px; border:transparent; border-radius:.4em; -webkit-border-radius:.4em; box-shadow:inset 0 2... 阅读全文
posted @ 2012-09-15 17:09 ﹏風﹖﹍ 阅读(1605) 评论(1) 推荐(2)
摘要:有这么一个webkit的私有属性: -webkit-appearance:none;/*去除input默认样式*/添加该样式,并且值为'none'时即可取消浏览器对于控件的默认样式。另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式,比如:<span style="-webkit-appearance:button;"> 我是span啊亲!!</span>那么他所显示的效果是: 哈 觉得挺有趣的~ 另外这个属性可以用来去除Iphone上面那个恶心的超大圆角的按钮默认样式,从而使自己编辑的按钮样式显示正常。下面 阅读全文
posted @ 2012-08-23 17:09 ﹏風﹖﹍ 阅读(19801) 评论(0) 推荐(1)
摘要:设置IPhone Safari浏览器全屏浏览网页界面.第一种方法:添加viewport meta标签,使界面全屏显示。 <!--iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览--> <meta name="apple-mobile-web-app-capable" content="yes" /> 但是这种方法个人在i4s上面测试,如果是直接打开safari浏览网页是木有任何效果的... 需要通过将网页添加到主屏幕中成为一个快捷方式,通过快捷方式进入才会有全屏的效果。 有种方法可以判断用户是从浏览器直接 阅读全文
posted @ 2012-08-22 21:55 ﹏風﹖﹍ 阅读(12954) 评论(1) 推荐(0)