URL: http://panasonic.jp/viera/ Browser / Version: Firefox Mobile 36.0 Operating System: Android Problem type: Layout is messed up Steps to Reproduce Navigate to: http://panasonic.jp/viera/ Scroll down Bottom menu is messy, it should have boxes in a grid with two columns. The reason is the non-standard CSS applied - namely the -webkit-min-device-pixel-ratio here: @media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){ The developers should use min-resolution as well. See http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/ Please login to edit issues. View issue on Github Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
URL: http://panasonic.jp/viera/
Browser / Version: Firefox Mobile 36.0
Operating System: Android
Problem type: Layout is messed up
Steps to Reproduce
The reason is the non-standard CSS applied - namely the -webkit-min-device-pixel-ratio here:
The developers should use min-resolution as well. See http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/