在移動開發中,常常需要使用手機浏覽網頁内容,如何讓手機更好的顯示網頁中的内容呢,看看下面代碼:
<html>
<head>
<title>Hello world!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<!--
<meta name="viewport" content="target-densitydpi=device-dpi" />
-->
<!--
<meta name="viewport" content="width=device-width"/>
-->
<!--
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-->
<!--
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-->
<!--
<meta name="HandheldFriendly" content="true"/>
-->
</head>
<body>
<p>Hello world!</p>
<p>Android 讓手機更好的顯示網頁中的内容,給使用者提供一個更友好的互動性!:)</p>
</body>
</html>
注釋前後的對比效果如下圖所示:
希望對您有所幫助!:)