Due to the difference in scale, the page has been scaled. For example, if the scale is 0.5, it will be reduced by twice. If you check it on a real device with a dpr of 2, you will find that it is not blurry. The reason why it looks blurry on chrome is because the dpr obtained by js is 2, and then it is reduced by two times, but on your computer The screen dpr is only 1
The minimum font limit of Google Chrome is that the minimum font is 12px, so it will not be clear. It is recommended to use Firefox for mobile debugging!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Due to the difference in scale, the page has been scaled. For example, if the scale is 0.5, it will be reduced by twice.
If you check it on a real device with a dpr of 2, you will find that it is not blurry.
The reason why it looks blurry on chrome is because the dpr obtained by js is 2, and then it is reduced by two times, but on your computer The screen dpr is only 1
If it involves mobile high-definition screens, it is better to use real devices for testing
The minimum font limit of Google Chrome is that the minimum font is 12px, so it will not be clear. It is recommended to use Firefox for mobile debugging!