About the phone side display page A pixel border becomes thicker

Normal page set <meta name= "viewport" content= "Width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1" > After the mobile phone end of the border line in time to set the width of 1px will also be widened.

The simplest way to solve this problem is to define BORDER-WIDTH:1PX;BORDER-IMAGE:URL (bg.jpg) 2 repeat;
Where bg.jpg can be designed as a picture of 6x6

Get.

There are some disadvantages to this, such as how to solve the fillet, and the other two have given their solutions.

http://www.th7.cn/web/html-css/201505/103090.shtml

http://blog.csdn.net/huang100qi/article/details/47355277

But some people pit Dad's proposed, want to really 1 pixels of thin line, you can set the mobile version of the page to

<meta name= "viewport" content= "width=device-width initial-scale= 0.3333333333333333, maximum-scale=0.3333333333333333, minimum-scale=0.3333333333333333, User-scalable=no" >

The consequence of this is that the PC version of the page is completely unable to see, font pictures you have to reset the larger, and not proportional, you slowly debugging it.

About the phone side display page A pixel border becomes thicker