用于移动设备的html元标记

概述我有一个html代码块,这主要是元标记.我正在尝试重新设计我的移动设备布局,所以我想知道我使用的元标记是否是必要的移动布局.代码块如下： <meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"><title>ConquestRealms - Home</title><meta na 我有一个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

总结

以上是内存溢出为你收集整理的用于移动设备的html元标记全部内容，希望文章能够帮你解决用于移动设备的html元标记所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。