Web尺寸规范

主流浏览器的界面参数与份额

浏览器 状态栏 菜单栏 滚动条 市场份额(国内)
Web尺寸规范Chrome 浏览器 22 px(浮动出现) 60 px 15 px 8%
Web尺寸规范火狐浏览器 20 px 132 px 15 px 1%
Web尺寸规范IE浏览器 24 px 120 px 15 px 35%
Web尺寸规范360 浏览器 24 px 140 px 15 px 28%
Web尺寸规范遨游浏览器 24 px 147 px 15 px 1%
Web尺寸规范搜狗浏览器 25 px 163 px 15 px 5%

系统分辨率统计

分辨率 占有率 分辨率 占有率
1366×768 15% 1440×900 13%
1920×1080 11% 1600×900 5%
1280×800 4% 1280×1024 3%
1680×1050 2.8% 320×480 2.4%
480×800 2% 1280×768 1%

网页宽度与首屏高度

Web尺寸规范

主题测试文章,只做测试使用。发布者:小屋,转转请注明出处:http://www.rumenwu.com/design/1394.html

(0)
小屋的头像小屋
上一篇 2020年2月24日
下一篇 2020年3月2日

相关推荐

  • 天猫店铺标题及商品详情页如何优化?

    详情页是产品展示的一个重要组成部分,商品详情页优化的好,可刺激买家购买欲望,提高店铺转化率。那么天猫店铺详情页该如何优化呢?下面内容由京淘电商小编为大家讲解。 1.主图 主图是吸引客户的关键,主图要能明确的表达产品的主题。我们在设计主图的时候,要突出我们产品的核心卖点,也要把促销信息融入,让消费者传达促销的力度。主图直观清晰,可以让消费者更快的了解我们的产品…

    2019年9月14日
    13100
  • 如何打造封面杀手?跟岛国学封面学构图

    大家试过约模特外拍时,不论怎么拍都是拍不出心中想要的效果吗?Model约好了,器材带齐了,这时大家不妨从构图方面着手,尝试拍出好作。 构图,大家常听到的「井字构图」,「三分构图」,「线条构图」听起来又又又复杂,新人一时之间可能都不知道应该怎样入手!其实,有一个学习人像构图和摄影的好方法,偷偷告诉你……就是从日本爱情动作片封面去学习了!…

    产品设计 2018年7月7日
    14800
  • photoshop教程:如何iphoneX壁纸制作

    由于篇幅的关系,还有就是赶今天的节点所以我暂时先放出上半部分的教程。下半部分比较精华,会在近期可能用视频教程的形式详细的介绍迷彩渐变这一新的颜色技术!请耐心等待下。 移除 点击此处添加图片说明文字 值得注意的是,在我个人看来,本次 Iphonex 的壁纸做的细腻程度,技术难度, 颜色的丰富过渡和通透性做的不够。 个人感觉下面有几张画面在这几方面都比他做的要好…

    产品设计 2018年7月13日
    20600
  • Axure技能:自适应移动设备屏幕大小

    《Axure新技能:自适应手机屏幕大小》相信不少人都已经看过,并对设置方法已经很熟悉了,但该教程只能适应iphone6的屏幕尺寸的比例,在iphoneX出来后屏幕比例改变了,旧的方法已经不能适应目前的全面屏手机了,但现在不用担心了,笔者已经有新的方法可以去适应市面上98%移动设备(包括手机和平板)屏幕的,让大家在演示原型的时候更加得心应手了。 目录: 设置原…

    产品设计 2018年10月12日
    12200
  • 第一次负责从0到1的产品时要注意哪几点?

    第一次负责从0到1的产品肯定是万分的紧张、激动,在这时千万不可大意,我根据我的经验写了些需要注意的地方。

    2017年4月25日
    8.4K06

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信