相关疑难解决方法(0)

媒体查询:如何定位桌面,平板电脑和移动设备?

我一直在研究媒体查询,我仍然不太了解如何定位某些尺寸的设备.

我希望能够定位台式机,平板电脑和移动设备.我知道会有一些差异,但是有一个可用于定位这些设备的通用系统会很不错.

我找到的一些例子:

# Mobile
only screen and (min-width: 480px)

# Tablet
only screen and (min-width: 768px) 

# Desktop
only screen and (min-width: 992px)

# Huge
only screen and (min-width: 1280px) 
Run Code Online (Sandbox Code Playgroud)

要么:

# Phone
only screen and (max-width:320px)

# Tablet
only screen and (min-width:321px) and (max-width:768px)

# Desktop
only screen and (min-width:769px)
Run Code Online (Sandbox Code Playgroud)

您认为这些"断点"对于每个设备应该是什么?

css mobile tablet css3 media-queries

435
推荐指数
15
解决办法
79万
查看次数

标签 统计

css ×1

css3 ×1

media-queries ×1

mobile ×1

tablet ×1