在移动设备上，要使移动设备无论竖屏还是横屏，都能使页面内容的宽度和设备的屏幕宽度相匹配，使文字易读性大大提高，我们可以按一下方法操作：
在<head>标签内添加<meta name="viewport" content="width=device-width"> 由此使视口的宽度设置为匹配设备的宽度。
对于这个问题，一些较老版本的移动设备浏览器不能识别“viewport”，可以采用下面的方法：
在<head>标签内添加<meta name="HandheldFriendly" content="true">
对于微软的PocketPC，需要使用一个特别的“MoblieOptimized”属性：
<meta name="MoblieOptimized" content="320">
因此对于该问题最完整的解决方案的代码如下：
<meta name="viewport" content="width=device-width">
<meta name="MoblieOptimized" content="true">
<meta name="HandheldFriendly" content="320">