移动端实战总结
摘要:概述 操作系统:现在分成两大阵营:ios和android,基本局势已定。 基于这两种操作系统,网页开发的共同点: 1.两个系统浏览器都是webkit内核的,so--移动端的web开发主要面向webkit内核的浏览器开发,不用顾及IE等浏览器。 2.移动端的浏览器对HTML5支持较理想,可以使用HTM
阅读全文
posted @
2017-03-28 20:36
清姿
阅读(351)
推荐(1) 编辑
移动端网页fixed布局问题解决方案
摘要:问题说明 移动端web的footer常常设计为fixed布局,但是在页面键盘被拉起时fixed的布局会出现问题,自己试了下,在较低版本ios和部分安卓机上会有此问题。具体问题看图示: 样式: 蓝色的footer是fixed定位,没有唤起软键盘的时候一切正常。 唤起软键盘,在低版本ios里面就变成:(
阅读全文
posted @
2016-04-13 14:37
清姿
阅读(9138)
推荐(0) 编辑
移动端页面布局相关问题
摘要:做了一组移动端的页面,在布局时遇到了一些问题,总结下以避免再次掉坑。 遇到的问题: 1.图片及带背景图片的块宽高等比缩放布局 2.margin,padding百分比布局图片及带有背景图片的块的图片宽高等比缩放 纯图片可以使用img标签,将其宽度设置成百分比,高度会自动按比例缩放。控制起来很方便。 ...
阅读全文
posted @
2015-05-11 20:43
清姿
阅读(1695)
推荐(1) 编辑
响应式网页
摘要:一个响应式网页:在PC浏览器的效果:在模拟器iphone中的效果:在pad中:代码:清姿的小站 勿忘初心 我的书摘 我的读书 我的旅行 我的电影 我的音乐 ...
阅读全文
posted @
2015-02-08 13:13
清姿
阅读(248)
推荐(0) 编辑
响应式设计的点点
摘要:移动web已经是大势所趋,所占份额迅猛增加。如果没有足够时间和精力做一套完全全新的移动端程序,那么,响应式设计也许是个不错的选择。不过,如果有条件并且需要移动端网页,移动端的很多优势还是不可替代的,比如定位功能。 响应式设计,使得可以使用同一网站在智能手机、电脑及其他设备上完美显示。它可以根据用户...
阅读全文
posted @
2014-12-02 19:30
清姿
阅读(191)
推荐(0) 编辑