zoukankan      html  css  js  c++  java
  • 网页标准尺寸

    虽然设计部归前端管,但工作和生活中多少还是会用到,学了略懂还是极好的。

    分辨率和页面尺寸

    宽度

    当前最流行的分辨率是1920*1080的,在该分辨率下,页面中心区域为 1200px 以内都可以。建议 1000-1200

    +----------+------------------------------------------+----------+
    |          |                                          |          |
    |          |                                          |          |
    |          |                                          |          |
    |          |                                          |          |
    |   360    |                   1200                   |   360    |
    |          |                                          |          |
    |          |                                          |          |
    |          |                                          |          |
    |          |                                          |          |
    +----------+------------------------------------------+----------+
                                   1920
    

    其他分辨率情况下的尺寸如下:

    • 800*600下,网页宽度保持在 778 以内;
    • 1024*768下,网页宽度保持在 1002 以内;

    高度

    首屏的可视区域高度(clientHeight)最大也会比显示器高度小,因为要减去浏览器的标签页、工具栏和书签栏的高度。

    页面组件

    1920*1080下)顶部 banner 尺寸建议1920*500,最顶部信息栏与导航栏建议高度 40 和 126

    字体

    ant-design 的标准:

    font-size

  • 相关阅读:
    leetcode-剑指19-OK
    leetcode-剑指38-?
    leetcode-剑指36-OK
    leetcode-剑指41-OK
    leetcode-剑指20-OK
    leetcode-剑指16-OK
    nginx重写路由隐藏入口文件报错引发的思考
    Go之并发
    Go之接口
    Go实现学生管理系统
  • 原文地址:https://www.cnblogs.com/jffun-blog/p/11042957.html
Copyright © 2011-2022 走看看