Skip to content

www.circleksunkus.jp - "mobile" layout depends on IE's zoom property #952

@karlcow

Description

@karlcow

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

Steps to Reproduce

  1. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions