网页第一屏的最大可视高度

作者: 张云钱 | 来源:发表于2017-04-10 14:33 被阅读117次

Ui 设计师在设计网页的时候,在设计网页banner高度的时候,应该规范第一屏的最大可视区域的宽度和高度是多少?

来自【腾讯web页面设计规范】

通过上图数据分析,可知:

网页设计的网页第一屏的高度为:600px;

网页设计的首页banner高度为300~600px之间。

如下来自【百度流量研究院】的数据分析:

关于网页1个屏幕的高度。如下是成熟案例:

● 参考【支付宝】网站:https://mobile.alipay.com/index.htm

● 参考【京东金融】网站:http://baitiao.jd.com/stu/home

● 参考【快钱】网站:www.99bill.com/borrow/spend-easy.html

● 参考【易观数据】网站:www.analysys.cn

● 参考【诸葛数据】网站:https://zhugeio.com

● 参考【唯品会】网站:www.vip.com

● 参考【蘑菇街】网站:www.mogujie.com

● 参考【蘑菇街】网站:http://chanyouji.com

相关文章

  • 网页第一屏的最大可视高度

    Ui 设计师在设计网页的时候,在设计网页banner高度的时候,应该规范第一屏的最大可视区域的宽度和高度是多少? ...

  • 解决滚动条出现时水平居中元素的margin自动抖动问题

    在很多高度不固定的网页中,当内容高度足够用一屏进行展示时,不会出现滚动条,而当内容高度高于一屏时,浏览器右侧就会出...

  • js获取高度和宽度方法总结

    javascript获取网页的高度和宽度: 二三八 可视区域宽:document.documentElement....

  • 使用五行JavaScript代码实现页面Footer贴底

    功能描述: 当网页内容足够长以至超出浏览器可视高度时,页脚会随着内容被推到网页底部。但如果网页内容不够长,置底的页...

  • js-动画加载

    思路:当div出现在可视区域内时,通过给div动态加载类名来实现动画。可视区域的判断:div元素距离网页顶部的高度...

  • js学习笔记----进阶Day01星海特效等和offset家族

    星海特效 获取网页可视区域的宽度高度 document.body 或者给body设置id都可以拿到body 设置类...

  • js获取页面元素

    网页可视大小 clientWidth①和clientHeight② 网页大小 = 网页内容+padding,注意是...

  • 第三大家族client

    主要成员 1、clientWidth 获取网页可视区域宽度(两种用法)clientHeight 获取网页可视区...

  • flex常用布局

    Sticky Footer 当页面内容高度小于可视区域高度时,footer 吸附在底部;当页面内容高度大于可视区域...

  • 2022-06-23

    webView加载后计算网页高度、若有误可以让网页加接口传高度(测试本地网页高度需要计算,http远程网页不需要以...

网友评论

  • A小蚊子:1920*1080大屏为什么木有啊:blush:
    张云钱:我刚更新文章了,图片数据显示:1920x1080px的分辨率占比:3.8%

本文标题:网页第一屏的最大可视高度

本文链接:https://www.haomeiwen.com/subject/efvsattx.html