nostalgic-css / NES.css

NES-style CSS Framework | ファミコン風CSSフレームワーク
https://nostalgic-css.github.io/NES.css/
MIT License
20.57k stars 1.64k forks source link

Broken style of elements in Chrome using CDN #316

Closed whiteyhat closed 5 years ago

whiteyhat commented 5 years ago

Describe the bug There is an error to render NES-CSS elements using the latest CDN on Google Chrome. The left side of the elements are not well rendered.

To Reproduce Steps to reproduce the behaviour:

  1. Go to Satoshis.Games
  2. View the elements. Buttons and NES - elements
  3. See error

Expected behaviour Clean elements without resulting in a visual error on the left side of the element. Screenshots

captura de pantalla 2019-02-28 a las 22 25 49 captura de pantalla 2019-02-28 a las 22 28 20

Environment:

Suggestion(s) for fixing this issue It probably is a compiling issue regarding Chrome

guastallaigor commented 5 years ago

Maybe ref #271, #244. I will try to reproduce later, because at first the buttons that I'm seeing at Satoshis.Games are fine, but I haven't found those buttons from your screenshots yet.

Do you mean when you zoom in your browser or your browser's zoom is 100% (default)?

I don't think he is using the latest version of NES.css in npm.

From Satoshis.Games website:

image

Our latest:

image

So the border bug wasn't fixed there yet. Are you the owner of this website?

whiteyhat commented 5 years ago

I have updated to the latest version and tested locally.

It seems like the browser was zoomed at 90%, and this caused the issue.

Are you the owner of this website?

Yeah 👍