- A+
所属分类:百度快排
百度快速排名“快排”登录网址:停止运营(点击登录)
移动设计师页面适配小知识
优化人员提醒话说从设计稿到前端页面实现,是产品流程中非常重要的一环,这个阶段决定了设计师设计的设计稿能否完美地变成真正的产品雏形。
移动设备尺寸
网上专门讲解移动设备尺寸的文章很多,事实上,移动设备种类之多简直是噩梦一般。所以,实际在设计或者开发过程中,往往只是选择几种设备作为基准来进行设计和开发,而对于其他情况,则采用一些 适配策略 覆盖。
目前主流的,是以 iPhone4 的 640x960px 或者 iPhone6 plus 的 1242x2208px 为基准设计,其他设备均采取适配策略。我们先假定设计稿是按 640x960px 的规范输出,先来看看前端的常用适配方案。
前端适配方案
前端的适配方案大致分为四种:
1,根据 meta 按比例缩放;
2,根据页面宽度百分比适应;
3,基于媒体查询的响应式方案;
4,REM缩放方案。
1,根据 meta 按比例缩放
这种方案的实现更偏技术,大致原理是根据 设备的分辨率及像素比 等信息,计算出页面的缩放(scale)数值,来1 2 3 4 5 6 下一页
沈阳网站建设选择我们就没错,提供全套的一条龙网站建设和沈阳seo服务,网站维护终身免费,让您最大程度上拥有成功网站优势!
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫