2016-08-25 4 views
0

ウェブサイトを作成する方法(HTMLとCSSのみを使用して作成)は、ブートストラップなしのモバイルでサイズに合っていますか?ウェブサイトのサイズをモバイルに合わせる

私はHTMLで次のタグを使用して試してみました: -

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" 

私は私が私の目標を達成するのを助けるために、あまりにもCSSのコードを記述する必要があるかどうかを知りたいです。

ありがとうございます!

+0

の可能性の重複[htmlページをモバイルデバイスの画面に自動的に合わせるにはどうすればいいですか?](http ://stackoverflow.com/questions/32782454/how-can-i-make-an-html-page-automatically-fit-mobile-device-screens) –

答えて

0

ウェブサイトの縮尺を表示するデバイスの実際の幅に合わせるには、それに応じてページの要素を拡大縮小する必要があります。

たとえば、画像の幅を指定しない場合、画像の幅は常に全角で表示されます。

サイトのサイトビューポートよりも広い(多分上位の)ように、すべての要素を拡大/縮小する必要があります。 Therfore、あなたは絶対にCSSを使用する必要があります。

これは難しいため、ブートストラップのようなフレームワークが存在します。

-1

レスポンシブサイトを作成するためにブートストラップを使用する必要はありません。単にgridsystemを使用するか、またはあなたのサイトを作成する必要があります。

最も重要なアクションは、これはあなたを助けることができる

のサイズのパーセンテージで固定サイズを交換し、最大値で動作するようです:

https://1200px.com/

http://www.responsivegridsystem.com/

http://v4-alpha.getbootstrap.com/layout/grid/

+0

いくつかのサイトへのリンクを投稿するのではなく、あなたはあなたの答えに顕著な点を掲示するべきです。 – j08691

+0

申し訳ありませんが、「モバイルでサイズに合わせてウェブサイトを作る(HTMLとCSSのみで作成)」とは、考慮すべき要素の幅広いことを意味します。これを実現する最善の方法は、グリッドシステムの使い方を学ぶことです。 最も重要なのは、固定サイズをパーセントで置き換え、最大サイズで作業することです。 –

関連する問題