用于移动设备的html元标记

发布时间：2020-12-14 23:51:12 所属栏目：资源来源：网络整理

导读：我有一个html代码块,这主要是元标记.我正在尝试重新设计我的移动设备布局,所以我想知道我使用的元标记是否是必要的移动布局.代码块如下： meta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"titleConquestRealms - Home/tit

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!