当前位置:长沙SEO优化 > SEO技术 > 每日一贴> 网站屏幕适配是一个很容易被忽略的问题

网站屏幕适配是一个很容易被忽略的问题

导读:

屏幕适配是一个很容易被忽略的问题,但对于精益求精的产品而言,是必不可少的。对于Web开发的求职者而言,也是一个必需要理解清楚的经典问题

   屏幕适配是一个很容易被忽略的问题,但对于精益求精的产品而言,是必不可少的。对于Web开发的求职者而言,也是一个必需要理解清楚的经典问题

  壹 | Fisrt

  移动端适配的是什么?

  我们讨论的是网页适配多种尺寸屏幕,让网页效果看起来和设计师的设计稿一样。说白了就是同一套代码在不同分辨率的手机上跑时,页面元素间的间距,留白,以及图片大小会随着变化,在比例上跟设计稿一致。

  举个粟子吧

  


 

  图1. 260*400的屏幕

  


 

  图2. 380*400的屏幕

  上边的页面在不同大小屏幕上的展现,咋一看没什么问题,一般的工程师会认为已经OK了,所以前端工程师很容易忽略屏幕适配。但是对于一些精益求精的产品而言,这还达不到要求。例如有以下问题:

  图1的屏幕的尺寸较小,因此头像应该小些,话题左边的空白也应该小一些。

  图片应该保持正方形,而且两张图之间的边距应该随屏幕变化而变化

  明白了,所以padding,margin,图片等的大小基本都要做适配

  貳 | Second

  那有什么方法可以做到这种适配?

  关键要找到一种长度单位,使得一样的取值,在不同尺寸的屏幕上的大小按比例缩放。

  长度单位我只知道px

转载请保留本文链接:http://www.seocss.com/seojishu/meiriyitie/407.html


您可能关注的内容:网站 屏幕适配

上一篇:移动适配使用说明

下一篇:百度移动适配工具如何使用

  • VPN的分类标准,根据不同的划分标准
  • 游戏运营需要具备哪些素质
  • 网站优化,网站内部链接我们该怎么
  • 网站屏幕适配是一个很容易被忽略的
  • SEO搜索引擎自然排名发展史,搜索引
  • SEM竞价排名是什么?搜索引擎营销按
  • 全面解读百度BaiduSpider与站点死
  • 淘宝店铺优化技巧,淘宝站内优化精简
  • 阿里巴巴双十一刷单注意事项和技巧
  • 百度HTTPS认证工具介绍
  • 遇Baiduspider百度抓取,反馈时间多
  • 白帽技术是什么
  • 百度熊掌号发布服务直连计划 引导
  • 如何用程序识别百度Baiduspider ua
  • seo优化,站内过度优化怎么解决
  •