CSSでスマホ対応する方法
2016年 06月 28日
一般的にというか今のコーダーならほとんどの人がこれを書くと思います
Media Queriesと言われるやつですね
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}
どっこい僕がこれを嫌う
だって、ファイルが意味不明になっていくんだもん
結局のところ、スタイルを上書き処理しているので
なして?って思っている
んで、PHPを使っている自分としては
< section class="wrapper">
< div class=" echo $device ?>">
Media Queriesと言われるやつですね
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}
どっこい僕がこれを嫌う
だって、ファイルが意味不明になっていくんだもん
結局のところ、スタイルを上書き処理しているので
なして?って思っている
んで、PHPを使っている自分としては
< section class="wrapper">
< div class=" echo $device ?>">
< /section>
という記述にしておき
$device は、デバイスによって自動的に切り替え処理をしている
こうする事で、スタイルシートも切り変える
pc.css
sp.css
を個々で読み込みを変えるわけ
こっちのほうがソースが読みやすくなった