用于移动设备的html元标记

我有一个HTML代码块,这主要是元标记.我正在尝试重新设计我的移动设备布局,所以我想知道我使用的元标记是否是必要的移动布局.代码块如下：

<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">
<title>ConquestRealms - Home</title>
<Meta name="description" content="">
<Meta name="keywords" content="">
<Meta name="HandheldFriendly" content="True">
<Meta name="MobileOptimized" content="320">
<Meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<Meta http-equiv="cleartype" content="on">

解决方法

是否需要取决于您正在尝试定位的“移动”设备.

我使用的一样少：

<Meta name="viewport" content="width=device-width,initial-scale=1.0" />

并通过使用Respond.js和@media查询在许多移动设备上取得了不俗的成果.

可能有帮助：

http://html5boilerplate.com/mobile/

http://davidbcalhoun.com/2010/viewport-metatag/

http://www.alistapart.com/articles/responsive-web-design

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

http://css-tricks.com/snippets/css/media-queries-for-standard-devices

https://github.com/scottjehl/Respond