分配基於設備的分辨率

Question

視口的寬度，我知道我可以定義視口大小：

<meta name="viewport" content="width=330, user-scalable=no, initial-scale=1, maximum-scale=1"> 

而且我知道我可以調整到設備與視口：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> 

是否有任何方式（沒有JavaScript）來檢測該設備的寬度和分配視口：

例如，

如果設備寬度是在範圍（0-450px）來設置：

<meta name="viewport" content="width=400, user-scalable=no, initial-scale=1, maximum-scale=1"> 

而如果所述設備寬度的範圍內（451-900px）來設置：

<meta name="viewport" content="width=700, user-scalable=no, initial-scale=1, maximum-scale=1"> 

我一直沒有能夠找到任何在線詳細介紹。我非常感謝任何幫助或參考。

Answer 1

我發現我正在嘗試使用JavaScript來實現，是的，使用W3C標準化方法。

與媒體查詢相結合，改變取決於分辨率某些元素的造型，簡單地定義：

<meta name="viewport" content="width=width, user-scalable=no"> 

和視口將自動假設你的頁面的大小。