前提・実現したいこと
OS:Windows7
HTML5
WEBアプリ制作の学習中です。
PC~スマホまで自然で見やすい、レスポンシブなWEBデザインを目指しており、その実現方法に悩んでいます。
方法は以下の2点が思い当たります。
・htmlとbodyのwidthを100%に設定し、基本的にほとんどの子要素は%でサイズ指定する方法
・viewportと@mediaを利用して、画面サイズごとにスタイルを設定する方法
前者の方法は退職された先輩が話していた方法なのですが、インターネットで調べてもサンプル等が見つからず、良い方法なのか疑問です。
後者の方法は「レスポンシブデザイン」で検索した際一番よく出てくる方法ですが、cssが長くなりすぎるので、良い方法なのか疑問です。
より理想的な方法でレスポンシブデザインを実現したいです。
実現方法のご教示よろしくお願い致します。
追記
以前、bootstrap、foundationを利用したレスポンシブデザインを行ったことがあり、
まともにcssを学習することもなくフレームワークに入ってしまった為、
今回はcssの基礎学習の為、cssのみでスタイルを決めていきたいです。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/09 06:59
2018/07/09 07:03
2018/07/09 07:09
2018/07/09 07:09