-
ID:EK7Vwe さんの質問

レスポンシブを作る際、

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 件

ID:3C1FlE さんの回答

JSでcssファイルを切り替えてやればいけないかね?

ID:mIE7ss さんの回答

その読み込み方だと、動的にPC用の外部CSSを読み込むしか方法がないから、JS一択だと思うよ。

ID:W5uxQY さんの回答

あるいは「PCを表示する」クリックでbodyとかにclassつけてやって、メディアクエリの中にそのclassが付与されてる場合のstyle(PCと同じstyle)あててあげれば?

ID:076VHo さんの回答

tablet+spの場合だけ表示するボタンを作成して、ボタンクリック時にjsでviewportを書き換えて1050px以上のサイズにしてやればいんでね?

ID:pucmiZ さんの回答

参考になるかもー

参考サイト

http://blog.lqd.jp/webdesign/000982.html
最終更新日:2016-03-23 (1,557 views)

関連するトピックス

ページ上部に戻る