设计图纸一般分为版心:1600/1200px简约PC挪动回应

无需加好友免费技术支持

设计图纸一般分为版心：

1600/1520/1440/1400/1200px

简约PC挪动回应网址

pc正常的创作(一般在1920年)px屏幕)，版心w所写的较大宽度是现阶段设计图纸版心的宽度，留意并不是宽度，反而是较大宽度。

较大宽度就是指当屏幕超过较大宽度时，网页页面不容易伴随着屏幕的提升而增大，以此来实现了版心的功效

比如：1600px版心设计图纸：

.w { max-width:1600px; margin:0 auto;}

在1600的版心：

1600px之上不用管

1600px下列

较大1600px-----版心改成1400 ------ 1600px下列

较大1400px-----版心改成1200 ------- 1400px下列

较大1200px-----版心改成1000 ------- 1200px下列

较大1000px-----版心改为100%，网页页面适度加上padding ---------- 1000px下列(即移动端，不写768px，手机上端样式立即展示在1000下列)

实际上，这类归类将版心下列分成四个屏幕表明，每一个屏幕全是相连的，因而不太在意某一规格。

例：

@media screen and ( max-width:1600px )

{

.w { max-width:1400px; }

}

@media screen and ( max-width:1400px )

{

.w { max-width:1200px; }

}

@media screen and ( max-width:1200px )

{

.w { max-width:1000px; }

}

@media screen and ( max-width:1000px )

{

.w { max-width: 100%; }

}

在1520的版心：

1520px之上不用管

1520下列齐上

在1440版心：

1440之上不用管

1440px下列

较大1440px-----版心改成1200

较大1200px-----版心改成1000

较大1000px-----版心改为100%，网页页面适度加上padding，不能让宽度顶部

版心1400齐上

在1200的版心：

1200px之上不用管

1200px下列

较大1200px-----版心改成1000

较大1000px-----版心改为100%，适度加padding，不能让宽度顶部