Q&A
試してみます
様々な機種があり、画面サイズが異なっているが、
例えば、横幅が異なるスマートフォンに、画面いっぱいの画像を表示したり、
左右の位置を、ちょうど真ん中にしたり
画面の下から、何ピクセルという位置にコメント欄を設置したり、ということを
やりたいが、
どのようにしたらよいか？
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
を指定してあって、
<div style="position:relative;width:320px;height:480px;background:black;">などと直接数値を入れるのがダメなのはわかっていますが、
一番問題は、下から何ピクセル、という値の指定のしかたがよくわかりません。
回答3件
0
lang
1img{ 2max-width:100%; 3} 4
レスポンシブWEBデザインのことだと思いますので、簡単なチュートリアルをどうぞ。
http://webdesignerwork.jp/web/responsivewebdesign/
あと手前味噌で恐縮ですが、レスポンシブWEBデザインのサンプルを公開してますので、良かったら使ってみてください。
http://www.sohoko.biz/dev/responsive/
かなり昔に作ったのでデザインがちょっとダサいのですが改造したら使えるかと思います。
投稿2015/02/16 03:03
総合スコア61
0
追記について
スマホかどうかは関係ないですね。PCだってモニタはサイズ違いますから。
初歩的なCSSの話になるのかなと言う気がしますが、画面の真ん中寄せで検索すれば良いと思います。
基本はDIVでくくってwidthで幅を決めて、marginの左右をautoにする事です。
lang
1<div class="test"> 2test文字 3</div>
と言うHTMLに
lang
1.test{ 2 text-align:center; 3 width:200px; 4 margin: 0 auto; 5}
ってやるのが基本かなと思います。
こういう事では無いのならごめんなさい。
投稿2015/02/16 02:06
総合スコア1614
0
つねに画面の下端を基準に固定したいのであれば、position:fixedで止めた上でbottom:***pxと指定すればそのようにできます。
投稿2015/02/16 01:13
総合スコア145183
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/16 03:06