0

ウェブサイトに Twitter ブートストラップを提供することで少し不注意になりましたが、IE8 はまだメディア クエリをサポートしていないことがわかりました...

私はグーグルで2つの解決策を見つけました： http://ghita.org/tipoftheday/css-media-queries-for-ie と http://code.google.com/p/css3-mediaqueries-js/

しかし、ここに示すように、どちらも私の問題を解決できません: http://www.doxadigital.com/scrape/mediaqueries.html (css3-mediaqueries.js を使用) および http://www.doxadigital.com /scrape/mediaqueries2.html (css-media-queries-for-ie.js を使用)

私のサイトではいくつかの@mediaを使用しているため、私の問題を解決する方法はありますか

ありがとう

4

2 に答える 2

1

まず、 HTML5 doctypeに切り替える必要があります。第 2 に、IE8 はメディア クエリをネイティブにサポートしていないため、レスポンシブ要素を許可するには、 Respondなどの JavaScript ポリフィルを使用する必要があります。

于 2012-09-14T16:09:20.413 に答える
0

私は Web 開発者です。プレス サイトでブートストラップを使用しましたが、IE8 では機能しませんでした。css3-mediaqueries.js JavaScript を使用しましたが、まだ機能していません。メディア クエリをこの JavaScript ファイルで動作させたい場合は、css のメディア クエリ行に screen を追加します。

ここに例があります：

<meta name="viewport" content="width=device-width" />
<script type="text/javascript" src="css3-mediaqueries.js"></script>

<style>
     @media screen and (max-width:900px) {}
     @media screen and (min-width:900px) and (max-width:1200px) {}
     @media screen and (min-width:1200px) {}
</style>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

css 上記の行と同じくらい単純なリンク行。

于 2013-08-31T10:03:03.987 に答える