Q&A
両方とも IE11 ということでしょうか？
前提・実現したいこと
タイトルの通りなんですが、Win7のIEのみに適用させるCSSハックはないでしょうか？
Win10などのIEでは正常に描画されるがWin7のみ表示が崩れるため、
Win7のみ異なったデザインを適用させてくれとの要望がありまして。
調べたのですがIEのバージョンのみのハックは見つけたのですが、Winのバージョンに適用させる方法が見つからず、ご存知であれば教えてください。
そうです！
win10、win7各機で、他のブラウザでは「崩れ」はあるのでしょうか？
どのようなコードか不明なので、スクリーンショットや、コードを提示されると良いかと思います。
解決･･･になったのでしょうか？
win7、ie11のシェアが少なくなったとはいえ、現在でも、サイト運営からすれば「無視できない」状態ですし、OSでのデザイン崩れがどの範囲か、非常に興味はありますので。経過状況は知りたいですね。
回答1件
0
ベストアンサー
UserAgentでブラウザの情報を取得→取得情報内のWindowsNTの値でOSを判別→JSでCSSに反映。
コチラぐらいしか思いつきませんでした。
https://qiita.com/sakuraya/items/33f93e19438d0694a91d
https://qiita.com/nightyknite/items/b2590a69f2e0135756dc#windows
おそらく、Win7でのデザインのズレはOSのバージョンではなく、ブラウザのバージョンに起因すると思われます。Win7のIEバージョンとWin10のIEバージョンを確認してはいかがでしょうか。
ブラウザのバージョンを確認したら、以下のサイトで確認してみてください。html/css/jsの各種機能の対応状況を、ブラウザ別に確認できます。
表示を崩している原因となっていそうなcssがありましたら検索してみてください。Win10のIEバージョンで対応してて、Win7のIEバージョンでは対応していない機能がありましたら、それが原因の可能性が高いです。
https://caniuse.com/
参考になれば幸いです。
投稿2019/07/02 11:55
編集2019/07/02 12:09
総合スコア118
ありがとうございます。
やはりjsを絡めた方法になりますか。
実は、実機が手元になく先方のチェックでこのように戻ってきてまして、ひょっとCSSで対応できないだろうかと思ってでした。
ブラウザのバージョン自体はIE11なのですが、原因もわからずで。
投稿いただいた方法で試してみようと思います！
ありがとうございます。
ご苦労されているようで、心中お察しします。
がんばってください。
横からすみません。
OSとブラウザのバージョンを指定して
ウェブサイトを確認できるWebサービスがあるので、
実機がお手元にないのであれば
試してみるといいかもしれないです。
https://www.browserling.com/
はぇ〜便利
そんなのがあるだ！ありがとうございます！！
あなたの回答
tips
プレビュー
