13

主にメタタグである 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">
4

3 に答える 3

17

それらが必要かどうかは、ターゲットにしようとしている「モバイル」デバイスによって異なります。

私は少しだけ使用しました：

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

Respond.js と @media クエリだけを使用して、多数のモバイル デバイスで適切な結果を達成しました。

役立つかもしれません：

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

于 2012-12-14T03:02:24.327 に答える
3

<!DOCTYPE html>あなたが持っているものはすでにかなり良いですが、html ファイルの先頭に追加することを忘れないでください。これがモバイル デバイスでの外観に大きな影響を与える場合があることがわかりました。

于 2015-07-27T15:59:56.877 に答える