I've been experimenting with my first responsive design, but i've hit a small brick wall.
When ajusting the size of my screen on my regular browser, it seems to break fine (one small, one large to start with):
@media screen and (min-width: 1px) {
@media screen and (max-width: 1300px) {
しかし、携帯電話で見ると、私が達成しようとしていることに失敗しているようです。
Chrome の HTC One では動作するようですが、デフォルトの Android ブラウザでは動作しません。iPhone 4S でも、iPhone 用の Safari と Chrome の両方で失敗します。
私は使っている
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
どこが間違っているのかについてのアイデアはありますか?
デモサイト： http: //leafz.nl/new/
編集: モバイル ブラウザーのレイアウトのスクリーンショット (間違ったビュー): http://i41.tinypic.com/98t0ye.png
よろしく、デイブ