在HTML中增加meta name="viewport"控制页面不随着放大缩小变形的实现方式_html/css_WEB-ITnose

1.  PC端添加以下meta内容：

    

....

   

   2. Mobile端添加以下meta内容：

    

.....

说明：

    target-densitydpi=device-dpi，指定屏幕像素密度DPI，device-dpi 为设备原本的DPI值，不会有任何缩放。

    width=device-width，指定屏幕宽度，device-width设备屏幕的宽度。