レスポンシブWebデザイン【スマホサイズのブレークポイント】

2015年02月24日火曜日 | 00:28

ブレークポイント, レスポンシブWebデザイン


ブレークポイントとはレスポンシブWebデザインをコーディングする際に
CSS3のMedia Queriesを使って画面サイズ別にCSSを切り替えることです。
CSSが切り替わる画面幅をブレークポイントと呼びます。
スマホのブレークポイントをどこに設定すれば一番良いのか調べてみました。
 
弊社ではスマホサイズは768px以下をスマホサイズの
ブレ-クポイントに設定していることが多いです。
レスポンシブで作られているサイトを色々見てみたのですが、
スマホでのブレークポイントは「640px以下」、「550px以下」「736px以下」「820px以下」
とサイトに寄ってバラバラでした。
...

Fatal error: Uncaught ArgumentCountError: Too few arguments to function get_avatar(), 0 passed in /home/xs461278/imd-net.com/public_html/wp/wp-content/themes/imd/tag.php on line 300 and at least 1 expected in /home/xs461278/imd-net.com/public_html/wp/wp-includes/pluggable.php:2779 Stack trace: #0 /home/xs461278/imd-net.com/public_html/wp/wp-content/themes/imd/tag.php(300): get_avatar() #1 /home/xs461278/imd-net.com/public_html/wp/wp-includes/template-loader.php(106): include('/home/xs461278/...') #2 /home/xs461278/imd-net.com/public_html/wp/wp-blog-header.php(19): require_once('/home/xs461278/...') #3 /home/xs461278/imd-net.com/public_html/index.php(17): require('/home/xs461278/...') #4 {main} thrown in /home/xs461278/imd-net.com/public_html/wp/wp-includes/pluggable.php on line 2779