私は自分自身にcss3メディアクエリを教えようとしていますが、何か小さなことで混乱したいと思っています。width/heightとdevice-width/device-heightの違いがわかりません。device-width / device-height css3プロパティは、特定の携帯電話または小型のコンピューターでのみ使用できますか?もしそうなら、あなたがお勧めできるサイズを提供するオンラインリソースはありますか?
2 に答える
違いはここで説明されています:CSSメディアクエリの幅とデバイス幅の違い
また、サイズのリストはここにあります:http: //css-tricks.com/snippets/css/media-queries-for-standard-devices/
ここに多くの異なるデバイスがあります:http: //nmsdvid.com/snippets/
そして、ページを下にすると、約3分の1の素晴らしい図があります:http: //line25.com/tutorials/create-a-sensitive-web-design-with-media-queries
これは、CSSにすでに組み込まれている一般的なスマートフォンやタブレットのサイズの良い情報源です。
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
通常の幅と高さのスタイルは、ページ上の任意の要素に適用できます。たとえば、divタグの幅を100pxに設定する場合、これは1つの方法です。
CSSメディアクエリの詳細と、CSSメディアクエリがどのように機能するかについては、http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.htmlを参照してください。