CSSのモバイル画面でのみ検出する方法

Question

ここでは、CSSとモバイル画面に関する多くのスレッドが見つかりました。

私の検索後、私はいくつかのデバイスのための解決策を見つけることができませんでした。例：Motorola Moto G4 PlusはフルHD幅（1080px）を使用し、ブートストラップのみがxs-view構成を検出します。

スタイリングと試して試してみると、いくつかのスタイルを設定できませんでした。

私はどのように私のスタイルを設定するためにブートストラップと同じ手順を作ることができますし、すべてのデバイスの一般的な手順ですか？

CSSのみ、または可能であれば多くのJS（ブートストラップと同じ）を使用してください。

@media画面と@mediaすべてのクエリを試しました。動作しません。

読んでいただきありがとうございます。

Answer 1

@mediaルールは、さまざまなメディアタイプ/デバイスに異なるスタイルルールを定義するために使用されます。

問題が解決しない場合は、コードを確認してください。あなたはどこかのタイプミスをしたかもしれません。

例：

@media only screen and (max-device-width : 640px) { 
/* Styles */ 
} 

@media only screen and (max-device-width: 768px) { 
/* Styles */ 
} 

Earlyerポスト： How to code CSS media queries targeting ALL mobile devices and tablets?

W3Schoolsの：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp