https://github.com/07akioni/may-be-a-bug-of-chrome

https://github.com/07akioni/may-be-a-bug-of-chrome

Last synced: 28 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/07akioni/may-be-a-bug-of-chrome
• Owner: 07akioni
• Created: 2019-03-29T11:39:45.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-03-29T11:52:29.000Z (over 5 years ago)
• Last Synced: 2024-11-24T16:26:00.444Z (30 days ago)
• Language: HTML
• Size: 366 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# This is a bug relevent to viewport

My original intention is to set page's viewport to 1080px on iPhone8 Plus. Since its device-width is 414px, I set its viewport to `` on Chrome 75.0.3736.0 canary (64bit Mac OS). However, font-size of p tag is rendered incorrectly. In `with-a.html`, it should be 16px but rendered with 41.7391px. In `without-a.html`, p tag's content is roughly the same except one `a` charactor in the end. `without-a.html` is rendered correctly. I found font-size in p with this viewport settings is relevent to its length. In other cases, I found it's related to html's struture(which is hard to figure out what difference of structure cause this issue) and `overflow-x` css property.

- `without-a.png` and `with-a.png` shows the different render result.

- `without-a.html` and `with-a.html` is the minimum case to reproduce the issue.

## without-a.png

![without-a.png](https://github.com/07akioni/may-be-a-bug-of-chrome/blob/master/without-a.png?raw=true)

## with-a.png

![with-a.png](https://github.com/07akioni/may-be-a-bug-of-chrome/blob/master/with-a.png?raw=true)