Mercurial > dottes
comparison web/css/dottes.css @ 637:1fc8d4867c88
Android rotation fixes.
Android browser doesn't do max-device-width. And in fact it seems max-width
is to be preferred anyway.
Second, stock Android browser needs a bug workaround orientation setting
present to force recalculation.
Android Chrome still has problems.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Mon, 07 Nov 2016 20:33:52 +0000 |
| parents | 7a64aeaaa294 |
| children | 776a455efe47 |
comparison
equal
deleted
inserted
replaced
| 633:7a64aeaaa294 | 637:1fc8d4867c88 |
|---|---|
| 380 div.dottes-history-yes | 380 div.dottes-history-yes |
| 381 { | 381 { |
| 382 margin-top: 20px | 382 margin-top: 20px |
| 383 } | 383 } |
| 384 | 384 |
| 385 @media only screen and (max-device-width: 480px) { | 385 @media only screen and (max-width: 480px) { |
| 386 div.dottes-tune-footer | 386 div.dottes-tune-footer |
| 387 { | 387 { |
| 388 } | 388 } |
| 389 | 389 |
| 390 div.dottes-tune-footer-links-column | 390 div.dottes-tune-footer-links-column |
| 464 { | 464 { |
| 465 display: table-row; | 465 display: table-row; |
| 466 text-align: center; | 466 text-align: center; |
| 467 } | 467 } |
| 468 } | 468 } |
| 469 | |
| 470 /* | |
| 471 * Stock Android browser needs this to force reconsideration of max-width | |
| 472 * on an orientation change. Still doesn't help Android Chrome. | |
| 473 */ | |
| 474 @media screen and (orientation: landscape){ | |
| 475 .doesnt-exist { background:red; } | |
| 476 } |