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：

回答

相關問題