在考虑web页面布局的时候，或者后期与UI、前端同事沟通的时候，经常会被问到“这个页面是定宽页面还是全屏页面?”“针对大小屏幕这个页面如何适配?”“这个页面是使用浏览器的滚动条还是页面内滚动?”本文作者分享了自己的解决方法。一、页面宽度：定宽页面or全屏页面?采用定宽或者全屏。而大部分网站，是需要根据页面内容，才能决定是使用定
在考虑到web页面合理布局的情况下，或是中后期与UI、前端开发朋友沟通交流的情况下，常常会被问起“这一网页页面是定宽网页页面還是全屏幕网页页面?”“对于尺寸显示屏这一网页页面怎样兼容?”“这一网页页面是应用电脑浏览器的网页滚动条還是网页页面内翻转?”文中创作者共享了自身的解决方案。
一、网页页面总宽：定宽网页页面or全屏幕网页页面?
选用定宽或是全屏幕。而绝大多数网址，是必须依据网页页面內容，才可以决策是应用定宽還是全屏幕。
1.定宽网页页面
现阶段销售市场上，笔记本电脑普遍的屏幕辨析率为1366*768;台式电脑常见分辨率有1440*900、1920*1080。销售市场上将会碰到的最少屏幕分辨率为1280*768，例如投影机或是别的机器设备(别的更小的显示屏可暂未考虑到)。
以便确保在小屏下，內容可查询详细，因而现阶段常见的定宽网页页面规格是1201080x，具体将会会依据所展现的內容，页面导航，网页页面别的原素，网页页面所要兼容的终端设备等，开展调节。例如，百度百家主页的总宽为961080x;京东订单详细信息为1211080x。
定宽网页页面常见于：详细信息，照片，字段名并不是很多的目录，內容流等。
定宽网页页面尽管能够 免除显示屏兼容的苦恼，可是针对一些內容，将会会觉得在大屏幕下看起来过度小家子气，感受并不太好，例如照片。而站酷在这里一点上，解决的比较好，能够 效仿。当显示屏总宽超过 1600 时，选用 1400 的定宽;当显示屏低于1600，应用 1150 的宽，另外图片尺寸也会发生改变。(注：淘宝网和京东商城的产品列表页也选用了相近的处理方法)
2.全屏幕网页页面
全屏幕网页页面指，除开网页页面上下两边的界限，网页页面中的內容会伴随着屏幕大小而撑满。可是以便确保网页页面內容一切正常显示信息，一般会设置最少的兼容总宽，网页页面小于该总宽已不设备，网页页面出現横着网页滚动条。
全屏幕网页页面常见于：网上宣传页、选用左边导航栏的管理类专业网址、字段名许多 的目录页、必须全屏幕查询的管理看板页、应用流式布局的网页页面，或是网页页面中有客户必须可视性地区更大才可便捷实际操作的原素，例如地形图运动轨迹等。
针对全屏幕网页页面，必须考虑到，当显示屏增大或是变钟头假如兼容。一般常见的兼容方法有：
依据屏幕大小等占比变大(或是依据不一样的显示屏设置不一样的变大/变小占比);
依据屏幕大小拉宽原素，原素高宽比不会改变(大屏幕下，将会会造成原素占比形变，视觉冲击不佳);
依据屏幕大小，提升/降低每列显示信息的內容是多少(大部分合适于网页页面內容为网格图合理布局的状况);
应用bootstrap等架构，选用自适应网站(依据屏幕大小，更改尺寸的另外更改原素排版设计方法)。
实际选用哪样兼容方法，需依据网页页面內容，及其內容在尺寸显示屏下的显示信息状况，及其全部网址所应用的架构等开展挑选。
二 页面高度
当网页页面內容超过页面高度时，是选用网页页面网页滚动条，還是控制模块内翻转?
网页页面网页滚动条合适于內容流的网页页面。这类网页页面，网页页面底端固定不动或底端无别的原素。此外，这类翻转方法需与‘回到顶部’按键相互配合应用。当数据信息必须分页查询时，多选用翻转分页查询。
控制模块内翻转，常见于实际操作需固定不动在顶端/底端的网页页面。当网页页面中有好几个控制模块必须内翻转或是控制模块被切分的较钟头，需考虑到在小屏下每一个控制模块的可视性地区是不是过小而没法开展实际操作。当数据信息必须分页查询时，多选用换页分页查询。
以下实例：因为在 1366 的显示屏下，內容的显示信息高宽比去除电脑浏览器的高宽比及其网址导航的高宽比，将会仅有 650 上下，造成可视性地区过小危害客户体验。因而全部网页页面的合理布局将会必须再次调节。
三 小结
设计方案网页页面时，需需注意，屏幕大小对网页页面的危害。不然，会造成全部网页页面的互动合理布局需再次设计方案。此外，实际应用哪样方法，需衡量各有的利与弊，较大水平确保尺寸显示屏下，客户的感受不受影响。
文章内容来源于：不明
标题：网页页面设计方案合理布局与电脑浏览器兼容均衡点
原创文章，作者：鲁大师seo，如若转载，请注明出处：http://www.luseo.cn/archives/3966.html
相关推荐
-
SEO关键字排名会受哪些方面的危害?
现今做网络推广优化的企业变得越来越多，由于现今很多行业关键词优化的竞争变得越来越大，同时受到百度等搜索引擎算法的影响，从而会导致网站关键词排名出现起伏。那SEO关键词排名会受哪些因素的影响?一、网站TDK不宜经常改动更改网站标题、关键词及描绘这是非常致命的过错，只需更改一次搜索引擎就会从头审核一次，关于老网站也会造成排名下降，如果是新站那么更严重，会让搜索引擎对网站的评分从头评价，造成网站被录入都
-
成都网络营销推广做按时内容维护保养是不是必须?
更新网站对于大多数的人来说，都是一件比较繁琐的事情，长时间的做网站内容维护，是极易让人厌烦和枯燥的工作。而我们在做网络SEO推广中是否有必要每天都做网站内容维护呢?不做会不会有什么影响呢?1、收录更多新站要想获得好的关键词排名，这个现象是十分罕见的，如果网站不错文章内容维护，更难在搜索引擎中获得一个好的排名，这时，如果网站持续输入优质的原创内容，将使百度蜘蛛爬得更快，百度也将更快的给予网站一定的权
-
阿里巴巴网主打产品的商业服务金融帝国早已发展趋势
8月20日，阿里巴巴(NYSE：BABA;9988.HK)发布了截至6月30日的季度报告。本季度，阿里总营收同比增长34%，达1537.51亿元;经营利润同比增长42%，达347.05亿元;天猫国际实物商品交易额(剔除未支付订单)同比增长27%。本季度财报着重体现了阿里巴巴的“稳”：阿里巴巴作为中国最大的消费平台，其业绩增长也反应出后疫情时代人们消费水平的快速回升。阿里巴巴
-
网址做中央集权后排行仍不稳定,是何原因?
现今做网站推广的人变得越来越多，而很多站长们在做网站SEO时，都会遇到诸多的问题，这也导致网站关键词排名难以在搜索引擎中获得稳定的排名;实际做网站推广的时候，很多站长都清楚做集权优化，但做了之后，仍然会导致关键词排名不能稳定的百度首页上。那这是何缘故呢?1、算法上的变动做seo的小伙伴应该很清楚，搜素引擎在对内容的排名上是有自己的一套算法的，如果当算法进行了变动，假如说，原来给外链0、8的系数，内
-
南宁做网站-站点地图定期更新有哪些好处
网站已成为世界领先的信息来源。实际上，这是人们在个人电脑上花费数小时研究，嘲笑笑话，在线分享故事，购物，阅读评论甚至玩游戏的主要原因之一。这个内容在网站上不断更新，但搜索引擎可以了解它们存在的唯一方法是通过机器人自然爬行，这可能需要数周时间。这就是为什么许多人试图学习并了解如何创建站点地图，这实际上只是迈向正确方向的一步，因为还有更多。
-
快速提升网站SEO优化排名靠前的方法
为了让自己的网站排名更靠前，现在很多企业网站都在做SEO优化，对于很多网站来说，都想通过搜索引擎来让自己的网站，让更多的用户访问自己的网站，那么怎么样能够快速提高网站的SEO排名呢？这是很多站长都关心的问题，下面我们一起来详细了解一下，快速提升网站SEO优化排名靠前的方法。
-
什么是白帽、黑帽、灰帽、绿帽
白帽SEO就是所说的正规的优化，是根据搜索引擎所喜欢的东西进行优化，符合百度度蜘蛛抓取，对网站进行合理的布局、代码的简单的优化，从用户需求的角度进行关键词布局。标题和内容相关，搜索引擎首先要判断你的核心，网站围绕核心，内容围绕核心，百度蜘蛛在访问网站的时候会首先进行抓取而且还会有一个好的打分。
-
如何做网站SEO优化效果才会比较好
新网站沒有个人信用、沒有名气、沒有受众群体，而搜索引擎针对新网站又有一个绩效考评期。网站提升稍不留神就会造成收录延迟时间。排行延迟时间等难题。怎样提升新网站可以度过一个沒有信誉度、沒有名气、沒有受众群体而度过一个新网站绩效考评期迅速的获得更强的收及排行。
-
最有效果的4种网络推广方法
最有效果的4种网络推广方法
互联网推广发展趋势到今日，早已出現许多方式 和管理体系，许多人也在这一行业搞出了许多花式和感受。接下去解和大伙儿详细介绍几类合理的网络推广方式。 -
自己建个网站要多少钱
如果客户就是需要一个网站进行展示自己的产品，不需要后期的优化，那么只需一个域名，主机，一个网站模板即可。后期的交给我们进行修改和改版，自己的展示型网站就出来了，一个域名也就50-60元左右，主机的话300-500之间的都有，源码就是看模板站还是定制站。几百元和几千元的都有，整个过程对于开发人员来说都是小事，只是在开发设计上比较难，自己摸索的时间太长，基本有那时间都把网站搭建上线好了。
