在移动开发中,常常需要使用手机浏览网页内容,如何让手机更好的显示网页中的内容呢,看看下面代码:
<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>
注释前后的对比效果如下图所示:
希望对您有所帮助!:)