レスポンシブを作る際、
PC width 1050px- のとき通常 style.css
Tablet width1049px~768pxのとき tablet.css
SmartPhone width -767px smart.css
をwidthにより、メディアクエリで切り替え表示します。
ここまでは問題ないです。
これを、タブレットとスマホのときに、
PCを表示するというボタンをつけてcssの切り替えをしたい場合、
css上のメディアクエリを無視させて、style.cssを表示する場合どのようにすればよろしいでしょうか。
デフォルト→widthにて切り替え
Tblet+SPの場合→ボタンを押すとstyle.cssに切り替えにする方法です。
みんなの回答 5 件
JSでcssファイルを切り替えてやればいけないかね?
その読み込み方だと、動的にPC用の外部CSSを読み込むしか方法がないから、JS一択だと思うよ。
あるいは「PCを表示する」クリックでbodyとかにclassつけてやって、メディアクエリの中にそのclassが付与されてる場合のstyle(PCと同じstyle)あててあげれば?
tablet+spの場合だけ表示するボタンを作成して、ボタンクリック時にjsでviewportを書き換えて1050px以上のサイズにしてやればいんでね?
参考になるかもー
参考サイト
http://blog.lqd.jp/webdesign/000982.html関連するトピックス