サポート » テーマ » モバイル、PC画面切替方法

  • こんにちは、いつもお世話になっております。

    twentytwelveテーマは
    スマホ用(600以下?)、pc用(960以上?)で表示が別れますが、
    スマホ用で表示された際に、ヘッダーにpc用に切り替えるリンクを表示することって可能でしょうか?
    (yahooとかでフッターに表示されているやつ)

    また、IEで互換教示をONにしているとie.cssが使われますが
    これを廃止してstyle.cssだけ使用する設定は可能でしょうか?

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • こんにちは

    やったことはないですけでど、たぶんできると思いますよ

    jQueryなどで、PCのリンクをクリックしたら pc-viewとか適当なクラスをbodyに追加するスクリプトを書いておいて、あとはスタイルシートのほうのメディアクエリのルールセットで、

    body:not(.pc-view) .author-avatar {
    		float: left;
    		margin-top: 8px;
    		margin-top: 0.571428571rem;
    	}

    http://zero.css-happylife.com/selectors/not.shtml

    否定擬似クラスを使って書き換えるとかで可能な気がします

    あと、

    <meta name="viewport" content="width=device-width" />

    jQueryなどで削除する必要があると思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「モバイル、PC画面切替方法」には新たに返信することはできません。