viewport模板

時間 2019-11-11

原文原文鏈接

通用模板：css

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>標題</title>
<link rel="stylesheet" href="index.css">
</head>

<body>
這裏開始內容
</body>

</html>

模板2html

android 2.3.5如下版本不支持， - target-densitydpi=device-dpi；android

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi"><!-- width取值與頁面定義的寬度一致 -->
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>標題</title>
<link rel="stylesheet" href="index.css">
</head>

<body>
這裏開始內容
</body>

</html>

--任何組織或我的分享、轉載本博客內容，請務必以連接方式註明出處：來自博客園--下雨天的太陽（http://www.cnblogs.com/doomjx/）----請勿以任何形式修改內容（包括文字和圖片）--

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。