arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: http://panasonic.jp/viera/
Browser / Version: Firefox Mobile 36.0
Operating System: Android
Problem type: Layout is messed up

Steps to Reproduce

  1. Navigate to: http://panasonic.jp/viera/
  2. Scroll down
  3. 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.
Closed: Fixed
#1056

panasonic.jp - layout is messed up

Opened: 2015-05-06
Reporter: hallvors
Comments: 4
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct