IE11で特定ページがスマホ表示される

IE11だからとしか言えない所ですが、特別IEで表示できないようなタグやらは無いと思うんですけれども、何がそうさせているんでしょうねぇ…。

IE11は残念ながらまだサポートされているので(笑)なんとかしたい所ですね。
viewportとかそこらでしょうか。

ちなみにブラウザの問題なのでOSは関係ありません。
あと、スマホ表示というのはタブレットの時みたいに、右上のSNSフォローボタンが消えてモバイルアイコンがでている状態ですか？
また同サイト内の他のページ(アーカイブやら)の表示はどうでしょうか？

早速ありがとうございます。
どうも手元のDELLノートパソコンだけに現れる症状のようです。
プリントスクリーンしてみました。1366×768です。
http://www.fastpic.jp/images.php?file=5863648874.jpg

ちなみに、こんな記事をみつけました。
Disable Internet Explorer 11 Auto Scaling Zoom to Viewport Width – IE11

@-ms-viewport {
    width: device-width;
}

もしこれで直るのであれば、IEの時だけcssを読み込みたい所ですね。

画像をみました。うーむ懐かしい画面だ(笑)

が、何やら表示がおかしいですね。

本来、ヘッダーと記事部分のサイズ幅は同じサイズになるはずなのですが、ヘッダはブラウザ幅で、ボディ部分はタブレットサイズ…。
うーむ、なにやらカスタマイズされた記憶はありませんか？

<!--[if IE ]>
<link rel="stylesheet" type="text/css" href="ie.css">
<![endif]-->

これでIEのみいけるらしいですが、スマートじゃないですね。

add_action( ‘wp_enqueue_scripts’, ‘enqueue_my_styles’ );

function enqueue_my_styles() {
global $wp_styles;
wp_enqueue_style( ‘my-theme-ie’, get_stylesheet_directory_uri() . “/css/ie.css”, array( ‘my-theme’ ) );
$wp_styles->add_data( ‘my-theme-ie’, ‘conditional’, ‘IE’ );
}

こういうのもいけるみたいですが、残念ながらうちのOSはLinuxなのでIEの環境がありません。なのでここらは上記内容の意味がわかって試せる他の方か、わいひらさんに丸投げしようかと思います(笑)

wordpress conditional ie css なんかでぐぐると出てくるかと思います。

何もカスタマイズしていない状態です。
自分の持つ他のPCでは正常に表示されるので、このノーパソ（2-in-1でノートにもタブレットにもなる機種）が原因なのかもですね。
あまり悩んでいないで先に進もうと思います。ありがとうございました。

Simplicity 1.9.3 安定版をインストールしてみましたら正常に表示されました。
自分で原因を探る知識もないので申し訳ないですが、ご報告のみで失礼します。

その後、友人にも確認してもらったところ、やはりデスクトップPCのIE11でモバイル表示になるとのことでした。以下ご報告だけさせてください。

2.0.6を使ってみました。変わりはなかったのですが、完全レスポンシブを有効にするとヘッダーはPC用になりました。幅も正常です。ただ、記事のボディがモバイル表示になります（LINEアイコンが出る）

完全レスポンシブのままで「タブレットはモバイル表示」を選択すると、ヘッダーも記事も正常にPC用が表示されました。現状この状態が良いようです。

また、常時SSLでサイトを作っているのですが、2.0.6で、はてなボタンを表示させるとIEでセキュリティ保護のアラートが出ます。シェア数表示はなしです。1.9.3ではアラートは出ないです。

まぁIE11のバグ&バグが原因かと思います。
1つのバグが問題というのではなくあれもこれやの複合技ではないかと思ったりも。

インターネットの仕様はW3Cという団体があれやこれやと決めてます。firefoxやchrome等はその仕様に則って作られています。
それでも実装されている機能とそうでないもの、途中のものもあり、また解釈の違いで表示が異なったり、バグも潜んでいたりとありますが、正しく実装されたら表示はほぼ同じになります。仕様に則ってるわけですから。
しかしIEの場合は、W3Cの仕様にMSの独自機能と仕様が盛り込まれており、もう20年ほど前からIEのためのスタイルと一般的なスタイルとを使い分けることが多々ありました。

デザイナー界隈では、竹島問題のように、IE無くなっちゃえばよいのに、IEさえなかったら何とかなるのにと常に言われておりました。眠れない夜も数えきれないほどあったでしょう。
そして先日ようやく古いIEのサポートが無くなったのです。これにデザイナーは歓喜したことでしょう。やっと苦労しなくて済むと思っていたはずです。

MSの新ブラウザーEDGEは、古いOSでは使えないので、まだ一部の環境ではIE11あるいは9が動いているかと思います。しかしその古いOSでもfirefoxやchromeは動くのです。

IEがもてはやされた機能としてactivexを利用したローカルファイルへのアクセスなどがあります。オンラインゲームでブラウザからスタートボタンを押せばローカルのプログラムが実行されるというやつです。それはflashに変わり、今でも一部flashが使われていますが、基本どちらもセキュリティに難有りということでそれらはダメのレッテルを貼られる風潮が広がります。

ブラウザの性能・PCの性能がアップして、またスマホの台頭ということもありローカルのプログラムをインターネットから操作することはだいぶ少なくなっているかと思います。

つまりIEでなきゃできなかったことはほぼ現在否定され、新しい手段・手法が得られたわけです。なのでそれでもIEを使わないとダメというニーズに応えてスレイプニルなども出てました。しかしもうIEを使う理由をあげる方が困難な状態にさえなってきている情勢です。

それでもIEを使う場合、時間が立つごとに今回のような問題が頻発するでしょう。それは各サイトがもうIEに対応しなくてね良いよね？となってきているからです。なのでせっかくIEのダメっぷりに気がつけたのですから、サックリとモダンブラウザに移行することを僕は強くオススメします。
僕なんかwindowsXPの時代からIEなんて使ってなかったですけども。今ではOSすらwindowsではありませんし(笑)

それでもやはり…と、使い続けるのは個人の自由です。いくら燃費が悪くても修理代がかかってもアメ車に乗る人はいますし、2stのバイクに乗る人もいます。しかしそれらの人は費用・修理パーツの不足・機体の老朽化なども含めたリスクを覚悟の上で利用されていると思います。
ブラウザの場合は、表示崩れやセキュリティの問題などですが、これらを我慢できるなら古いブラウザを利用するのは各々の自由です。

もし回りにIE使っている人がいるからとか、IEしか使えないからという人がいる場合は、僕なら付き合いを考えます。それぐらい僕個人はIEを駆逐したいのです(笑)

まずユーザーエージェントは以下のように出ました。
Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; rv:11.0) like Gecko

SSLの件、
javascript.jsの箇所を書き換えてみましたが変わりはありませんでした。

1.9.3はapi.b.st-hatena.comになっているのですね。
しかし、2.0.6ではそちらに書き換えてもセキュリティ保護のアラートが出ます。

1.9.3で問題ない設定は、PCがバイラルタイプ、モバイルはデフォルト、
全シェア数の表示をチェックなしにすると、ぐるぐるもしませんし
表示も早く快適です。PCをデフォルトにすると、なぜかモバイルで
ぐるぐるします。

言われたとおりにやってみますので、いつでもご指示ください。

> PCをデフォルト

PCをデフォルトでグルグルは他のトピックでもあった気がするので、snsのデフォルトの見直しが必要かも。

IEスマホ表示の件、2.0.7で解消されました。完全レスポンシブでも、PCでレスポンシブにしても、ヘッダーも記事部分も正常です。

SSLの件は、当面、はてぶ無しで作業を進めていきます。引き続き初歩的な質問をさせていただきますが、宜しくお願いします。