IE浏览器支持响应式网站设计
生活随笔
收集整理的這篇文章主要介紹了
IE浏览器支持响应式网站设计
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
目前響應(yīng)式網(wǎng)站設(shè)計(jì)比較流行, 下面是摘自百度百科有關(guān)響應(yīng)式設(shè)計(jì)的定義.
響應(yīng)式網(wǎng)站設(shè)計(jì)是一種網(wǎng)絡(luò)頁(yè)面設(shè)計(jì)布局，其理念是：集中創(chuàng)建頁(yè)面的圖片排版大小，可以智能地根據(jù)用戶行為以及使用的設(shè)備環(huán)境進(jìn)行相對(duì)應(yīng)的布局。
但是, 響應(yīng)式設(shè)計(jì)并不能原生態(tài)支持IE8及一下的瀏覽器, 而IE瀏覽器目前的使用率仍然比較高(30%左右), 所以, 兼容老的IDE瀏覽器還是很有必要.
下面說(shuō)如何讓老的IE瀏覽器支持響應(yīng)式網(wǎng)站設(shè)計(jì).
?
<head> <!-- some css style here --> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head>官方建議將respond.min.js的引入放在所有的css style引入之后, 所以, 一般就放到<head>標(biāo)簽最后即可.
附--常用判斷說(shuō)明:
?
<!--[if !IE]><!--> 除IE外都可識(shí)別 <!--<![endif]--> <!--[if IE]> 所有的IE可識(shí)別 <![endif]--> <!--[if IE 6]> 僅IE6可識(shí)別 <![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可識(shí)別 <![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可識(shí)別 <![endif]--> <!--[if IE 7]> 僅IE7可識(shí)別 <![endif]--> <!--[if lt IE 7]> IE7以及IE7以下版本可識(shí)別 <![endif]--> <!--[if gte IE 7]> IE7以及IE7以上版本可識(shí)別 <![endif]--> <!--[if IE 8]> 僅IE8可識(shí)別 <![endif]--> <!--[if IE 9]> 僅IE9可識(shí)別 <![endif]-->| ! | [if !IE] | The NOT operator. This is placed immediately in front of the?feature,?operator, or?subexpression?to reverse the Boolean meaning of the expression. NOT運(yùn)算符。這是擺立即在前面的功能，操作員，或子表達(dá)式扭轉(zhuǎn)布爾表達(dá)式的意義。 |
| lt | [if lt IE 5.5] | The less-than operator. Returns true if the first argument is less than the second argument. 小于運(yùn)算符。如果第一個(gè)參數(shù)小于第二個(gè)參數(shù)，則返回true。 |
| lte | [if lte IE 6] | The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument. 小于或等于運(yùn)算。如果第一個(gè)參數(shù)是小于或等于第二個(gè)參數(shù)，則返回true。 |
| gt | [if gt IE 5] | The greater-than operator. Returns true if the first argument is greater than the second argument. 大于運(yùn)算符。如果第一個(gè)參數(shù)大于第二個(gè)參數(shù)，則返回true。 |
| gte | [if gte IE 7] | The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument. 大于或等于運(yùn)算。如果第一個(gè)參數(shù)是大于或等于第二個(gè)參數(shù)，則返回true。 |
| ( ) | [if !(IE 7)] | Subexpression operators. Used in conjunction with boolean operators to create more complex expressions. 子表達(dá)式運(yùn)營(yíng)商。在與布爾運(yùn)算符用于創(chuàng)建更復(fù)雜的表達(dá)式。 |
| & | [if (gt IE 5)&(lt IE 7)] | The AND operator. Returns true if all subexpressions evaluate to true AND運(yùn)算符。如果所有的子表達(dá)式計(jì)算結(jié)果為true，返回true |
| | | [if (IE 6)|(IE 7)] | The OR operator. Returns true if any of the subexpressions evaluates to true. OR運(yùn)算符。返回true，如果子表達(dá)式計(jì)算結(jié)果為true。 |
??
總結(jié)
以上是生活随笔為你收集整理的IE浏览器支持响应式网站设计的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： background-image使用sv
- 下一篇： 【HTML基础】表格和表单