我有一个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
