UPDATE：

我发现，似乎是非常可靠的与今天的设备非常好的jQuery库。即使它不再被开发，我发现它成功检测到所有测试的设备，普通手机和平板电脑，高ppi手机和平板电脑以及台式机或笔记本电脑。试试吧，看看它是否适合你太

Categorizr

来源

2013-07-18 mathetes

有没有办法让所有人都满意。我们即将推出的回应式网站，我们使用了几个断点

768px 1,024像素 1280px 1920px - 是我们最大的，我们在这一点上

我们对身体有我们的服务器输出类，检测类切断（可例如，.iphone，android，.mobile，.phone，.tablet 所以如果你使用的是iPhone，我们会得到

.iphone和.phone on身体标记

F或某些网页，我们也为320像素和480像素

我们使用的一切的jQuery的断点，只是一个警告，jQuery的运行在三星平板电脑相当缓慢，男儿有泪我们恨设备媒体查询的

例（我们使用LESS）

// normal styles 

@media only screen and (max-width: @maxTabletWidth) { 
    // less than 1024px styles, yes I know 1280px is also tablet 
} 

@media only screen and (max-width: @maxPhoneWidth) { 
    // less than 768px styles 
}

好运

来源

2013-07-18 19:09:27 Huangism

在建立了相当多的网站的响应，我发现，而不是指定“X”宽的桌面显示器，用于平板电脑“Y”的宽度，和“Z”移动宽度;最好使用断点来确保您的网站适用于所有浏览器大小。

也就是说，如果您对各种屏幕尺寸感兴趣，一个很好的网站是screensiz.es，您可以在其中看到流行统计以及它们的物理像素宽度。

作为设备无关意味着你将不必重新适应的设计，并建立当苹果，还是三星发布其超薄，或超厚实的设备。

最后一个建议，以帮助在各种设备的功能将采用类似Modernizr来检测触摸事件。

希望有所帮助。

来源

2013-07-19 14:03:47

我不知道，如果您使用的是合适的工具。响应式设计可让您停止尝试定位特定设备或猜测下一款iPad /智能手机的具体细节。

设置断点以管理您在不同视口的设计布局，并且完成90％;）

来源

2013-07-20 18:25:12

适用于现代移动浏览器的CSS媒体查询

UPDATE：

回答

相关问题