Issue #952 | webcompat.com

URL: https://www.circleksunkus.jp
Browser / Version: Firefox 39.0
Operating System: Android
Problem type: Layout is messed up

Steps to Reproduce

Navigate to: https://www.circleksunkus.jp

Expected Behavior:
Having a normal mobile site.

Actual Behavior:
The design is really broken on this one.

There are some typos such as:

  hine-height: 0;

instead of

 line-height: 0;

but basically the full design is broken because on Blink, a zoom is applied to the html element

<html style="zoom: 0.5625;">

which comes from common.js

//viewport
$(window).bind('resize load', function(){
    $("html").css("zoom" , $(window).width()/640 );
});

but this is not happening in the case of Firefox. It's a webkit property only
They might want to switch to transform instead but a simple scale will not necessary solve the issue.

transform: scale(value);

The choice they made is a bit weird. This one will be hard to crack.

country: jp

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.