# 设计稿-开发原则

**Repository Path**: ifredom/design-develop-rule

## Basic Information

- **Project Name**: 设计稿-开发原则
- **Description**: 设计稿-开发原则
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-31
- **Last Updated**: 2021-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 设计稿-开发原则

* PC端设计稿供PC端使用，通常为: `1920*1080`
* 移动端设计稿供小屏幕使用，通常为: `750*1334`

## 字体

使用偶数位字体，奇数位不利于适配

## 常见屏幕尺寸

网站 Web 预设常见尺寸：

* 最小尺寸（1024x768px）
* 1366x768px
* 大网页（1920x1080px）
* iMac 27（2560x1440px）
* Macbook Pro13 （2560x1600px）
* MacBook Pro15（2880x1800px）

> 所以我们通常设计网站时的网站宽度为1920px, 每个屏幕的高度约为900px(因为1080还要减去浏览器头部和底部高度, 大约就是900px)。
> 内容安全区域为1200px （或1000px / 1400px）。
> 以这个尺寸来设计相对标准