响应式设计,当从"桌面"设计为"平板电脑"等等?



我有3种不同的设计,台式机(1440),平板电脑(768)和手机(320),我必须根据每一种设计来做响应式布局。在什么断点上,我必须从台式机跳到平板电脑,再从平板电脑跳到手机?

Check the below media queries for Desktop, Tablets and Laptops
@media (min-width:320px)  
{ /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  
{ /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  
{ /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  
{ /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) 
{ /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) 
{ /* hi-res laptops and desktops */ }

最新更新