响应式网站设计的尺寸 | 响应式网站设计的尺寸

本文介绍了响应式网站设计的尺寸的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想设计一个网站，但告诉我什么是我可以用于响应网站设计的尺寸。

i want to design a web site.but tell me what are the sizes i can use for responsive website design.that sizes must contain for mobile,tablets,pcs and other devices..

我想在媒体查询中使用它们..：D

i want to use them in media queries.. :D

EX for Mobile：

EX for Mobile:

    @media only screen and (min-width: 500px) {

    }

平板电脑版EX：

EX for Tablet:

    @media only screen and (min-width: 800px) {

    }

给我一些关于响应式网站设计的资源，以及我可以用于响应式网站设计的大小。：D

Give me some resources that you have about responsive website design and about the sizes which i can use for responsive website design .. :D

我想知道这些设备可以使用的reals大小。：D

推荐答案

/* #1- Desktops */
@media (min-width: 980px) { ... }

/* #2- Portrait tablet to landscape and netbooks */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* #3- Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* #4- Landscape phones and down */
@media (max-width: 480px) { ... }

有关实际设备规格，请查看

For actual device specifications, check out this link by CSS-tricks..

这篇关于响应式网站设计的尺寸的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！