最后還有一個不可或缺的東東，那就是meta標簽，可以說，在響應(yīng)式設(shè)計中如果沒有這個meta標簽，你就是蹩腳的，響應(yīng)式設(shè)計就是空談。

個meta標簽被稱為可視區(qū)域meta標簽，其使用方法如下。

<meta name=”viewport” content=”” />

在content屬性中主要包括以下屬性值，用來處理可視區(qū)域。

在實際項目中，為了讓Responsive設(shè)計在智能設(shè)備中能顯示正常，也就是瀏覽Web頁面適應(yīng)屏幕的大小，顯示在屏幕上，可以通過這個可視區(qū)域的meta標簽進行重置，告訴他使用設(shè)備的寬度為視圖的寬度，也就是說禁止其默認的自適應(yīng)頁面的效果，具體設(shè)置如下：

<meta name=”viewport” content=”width=device-width,initial-scale=1.0” />

另外一點，由于Responsive設(shè)計是結(jié)合CSS3的Media Queries屬性，才能盡顯Responsive設(shè)計風格，但大家都清楚，在IE6-8中完全是不支持CSS3 Media。下面我們一起來看看CSS3 Meida Queries在標準設(shè)備上的運用，大家可以把這些樣式加到你的樣式文件中，或者單獨創(chuàng)建一個名為“responsive.css”文件，并在相應(yīng)的條件中寫上你的樣式，讓他適合你的設(shè)計需求。

腳本下載地址： 

media-queries.js(http://code.google.com/p/css3-mediaqueries-js/)      

 respond.js(https://github.com/scottjehl/Respond)

 <!—[if lt IE9]>
      <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script>
 ?<![endif]>