読者です 読者をやめる 読者になる 読者になる

HTTP_USER_AGENTを利用してcssを切り替える

PC用のcssとスマホ用のcssを用意してデバイスによって読み込むcssを切り替えたいと思います。最初に考えたのがlink要素の「media」属性を利用すること メディアクエリというやつですPC用 <link rel="stylesheet" type="text/css" media="screen and (min-width:901px)" href="css/style_pc.css"/> 画面サイズが901px以上の場合、style_pc.cssを読み込みますスマホ用 </link>

viewportを指定してスマホでも見やすくする

css

勉強も兼ねて構築中のサイトをスマホでみると非常にみにくい 何故ならPC用のサイトしか用意していないからPC用のサイトが9割ほど完成したのでスマホ用のデザインもぼちぼち考えていきますPC用のサイトをスマホでみるとみにくい原因はというと、 スマホがPC用…