8

ピクセルを使用してページをレンダリングするWeb サイトがあります。しかし、画面解像度が異なるさまざまなデバイスで Web サイトを表示すると、ページ全体が画面に収まらず、パーセンテージを使用すると、ページのコンテンツが圧迫されます。

レスポンシブ Web デザインは、Web ページを設計するための正しい選択ですか。もしそうなら、私はほとんど心配していません。

  1. 既存の Web サイトをレスポンシブ デザインに変換する際のリスクは何ですか。
  2. これを行うために利用できるフレームワークはありますか、どれが最適ですか
  3. デバイスとブラウザ間でのサポート方法
4

3 に答える 3

2

ブラウザの幅または高さに応じて css を変更するには、メディア クエリを参照してください。

ビューポートを含めて、モバイル デバイス上の Web ページを正しくスケーリングします。

于 2013-06-06T11:41:57.923 に答える
-4

HTML の典型的なレスポンシブ ヘッドの下を見てください。

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta charset="utf-8">
<meta name="description" content="How to make android app">
<meta name="author" content="Animesh Shrivastav">
<title>Make-Website</title>
<link rel="stylesheet" href="../css/my.css">

そして典型的なレスポンシブCSS

html {
    margin: 0;
    padding: 0;
}

body {
    font-size: 1em;
    font-family: sans-serif;
    margin-left: 20%;
    width: 78%;
}

nav {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 20%;
    min-height: 1500px;
    color: rgba(255,255,255,0.5);
    background-color: #34495e;
}

今、自分自身を理解してください。

理解できない場合は、以下の私の Web サイトを参照してください 。

于 2017-11-05T10:15:42.447 に答える