人気ブログランキング | 話題のタグを見る

CSSでスマホ対応する方法

一般的にというか今のコーダーならほとんどの人がこれを書くと思います
Media Queriesと言われるやつですね

@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}

どっこい僕がこれを嫌う
だって、ファイルが意味不明になっていくんだもん

結局のところ、スタイルを上書き処理しているので
なして?って思っている


んで、PHPを使っている自分としては
< section class="wrapper">
< div class="">

< /section>

という記述にしておき
$device は、デバイスによって自動的に切り替え処理をしている

こうする事で、スタイルシートも切り変える
pc.css
sp.css
を個々で読み込みを変えるわけ

こっちのほうがソースが読みやすくなった

by hiro__neko | 2016-06-28 10:44 | CSS  

<< VirtualBoxがいたずら... スピッツ ヒバリのこころ → ... >>