Windows＠Sleipnirは格好良い♪

久方ぶりにWindowsを起動しています。
依頼されたホームページの骨格が出来て
色々なOSやブラウザーで観てみるためです。

今起動しているWindows10ではIE11とEdgeで
確認しましたが、やはり制作環境のubuntu
+Firefoxとはいくつか異なる表示がありました。
面倒でもブラウザー判定してそれぞれのブラウザー
用にCSSを書き直すことにしました。

短時間で上げなきゃいけないので、得意の？
wordpressをベースに作成していますが、
現在のwordpressはアドレスを書き込むと
リンク先の一部の内容を自動的に表示する
機能がありますが、IEとEdgeでは最初は
表示するものの、ページをリロードすると
機能しないときがあったりします。。。。
いつも機能しないならそれなりの対策は
打てるかと思いますが、時々ですから
どぉしたものやら。。。

ちなみに下にあるリンクはリンク先の
アドレスを書いただけでこのような
表示になります。。。って、IEやEdgeの方は
ちゃんと観れているかな？？

rootになれるユーザー

確認してみたところOpera・Firefox・Googlechrom・
Sleipnir・MSEdgeでは表示しますが、IE11ではリンク付き
テキスト一行（タイトル）のみの表示になってしまいました。
Edgeはリロードしても大丈夫なので、作成中のサイトと
拙作サイトでの表示状態に差異があるようです。
CSSの書き方でしょう。

IE11に方のために

ところがうまくできているもので、ちゃんと表示するブラウザー
からIE11でも表示できるタグが引っ張り出せます。
下のやつにはありませんが、上のやつをほかのブラウザーで観ると
右下にさくらんぼみたいなマークが。ｗ
それをクリックして[HTMLでの埋め込み]を選択すると
タグが出てきます。
それをコピペしてチョチョッと加工すればOKです。
ただし短い一行で済むものが100倍近い長さのタグになりますけど。。。

IE11以外の方は多少異なりますが同じようなものが
2つ表示されていると思います。
上記の方法で[HTMLでの埋め込み]を覗いてみてください。
そのタグを反映したものが下のやつになります。

ちなみにWindowsで使用するブラウザーで一番のお気に入りは
Sleipnirという格好良いタグブラウザーです。
100個開いていてもすぐ見つかるタグ。。。
と、1ピクセルに至るまで理由があるデザイン。。。
がキャッチフレーズです。(笑