您的位置：首页 > Web前端 > HTML

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

2015-04-27 08:41 495 查看
PC端添加以下meta内容：

<head>

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

....

</head>

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

<head>

<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

.....

</head>

说明：

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

width=device-width，指定屏幕宽度，device-width设备屏幕的宽度。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航