You can read the question I asked that day. My final solution is as follows. To determine if the mobile phone has modified the viewport on the car, there is no code. You can refer to the Lianjia mobile version to check the js of the meta string in the head.
Set a pseudo element with a width and height of 200%, set its border to 1px, and then use CSS3 to double the size. This can reduce the border to 0.5px at the same time. The same goes for other single-sided borders
The more popular (reliable) method now is to use pseudo elements to draw lines, and then transform: scale (0.5) You can refer to WeChat’s weui, all borders in it are written like this WeChat official has written this, so it should be no problem
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can read the question I asked that day. My final solution is as follows. To determine if the mobile phone has modified the viewport on the car, there is no code. You can refer to the Lianjia mobile version to check the js of the meta string in the head.
http://jinlong.github.io/2015...
You can use the background image directly without setting a border
Use transform's scale
Several ways to achieve it
https://codepen.io/yangg/pen/...
Set a pseudo element with a width and height of 200%, set its border to 1px, and then use CSS3 to double the size. This can reduce the border to 0.5px at the same time. The same goes for other single-sided borders
The more popular (reliable) method now is to use pseudo elements to draw lines, and then transform: scale (0.5)
You can refer to WeChat’s weui, all borders in it are written like this
WeChat official has written this, so it should be no problem