2016-09-10 1 views
-1

私は初心者プログラマーで、高校では1つのコースしか取らなかった。私は自分のビジネスのためのウェブサイトを作ろうとしています.c9.ioを使って書くことができますが、ページをどのようなサイズに合わせるかを理解することはできません。私は解決策をオンラインで見つけようとしましたが、私の問題を解決できないようです - 私は完全に困惑しています!幸運と感謝!レスポンシブウェブページを作成するにはどうすればよいですか?

下記のHTMLとCSSコード

https://docs.google.com/document/d/1wl1Ui-vvB39ysCQd2B5-7Yl-gYRPdQ7hUyD_L-tDcs4/edit

編集:

.container4 { 
    width:99%; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
} 
+0

この質問は非常に広いようです。人々は、ページをさまざまなサイズに適応させる方法に関する書籍を書いています。あなたはあなたの質問をより具体的にすることができますか? –

+0

私は初心者プログラマーだと言っていたので、あまりスキルはありません。私は以前の試みがうまくいかなかったので、自分のコードで応答性の高いWebページを作成するソリューションを探しています。もし私がその理解の会社をまだ持っていないか、またはそれが私のコーディングを台無しにしたからです。 – rachel0d

答えて

0

Media queriestwitter bootstrapflexboxを伴って含むウェブサイトが応答するために使用されています

問題が修正された、ここで私が使用したCSSのコードがあります。

メディアクエリを使用すると、電話、タブ、デスクトップなどさまざまなデバイスのレイアウトを管理できます。 CSSを書きながら、次の点に注意してください -

  1. 使用EMS /レムマージン/パディングのために、各画素に

    2.useのSASSの代わりに、純粋なCSSを使用しないよう、

をスケーリングするのは本当に簡単
関連する問題