是否可以只調用768px及以下的Viewport Meta標籤？

的基本問題：是否可以只調用768px及以下的Viewport Meta標籤？

有沒有去，我可以視meta標籤設置爲僅生效於768px及以下？

原因：

我使用標準的瀏覽器@media內置了響應電子商務網站尺寸：

超過1200像素 1025px到1199px 980px至1,024像素 768px到979px

由於網站的複雜性，它不是可行的，時間或佈局明智的，因爲我使用@media查詢使網站可用於移動瀏覽器，所以我想使用視口meta標籤來強制所有小型移動設備瀏覽器顯示768px到979px佈局。

要做到這一點，我可以很容易地使用：

<meta name="viewport" content="width=768px; />

與唯一的問題是，它超額乘坐專爲iPad景觀980px至1,024像素@media查詢和力量iPad的景觀，以顯示較小我爲iPad設計的佈局，即768像素到979像素的佈局。

我的祈禱答案是，如果我可以設置視口元標記只在768px及以下生效 - 那可能嗎？

來源

2013-08-07 Bro

BOOM！固定！

對，這是一個6小時的悲慘浪費，但現在已經完成並正在工作，希望這有助於某人！

首先，我包括在我functions.php文件相當標準視口元標記：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />

然後我用jQuery Mobile的在我的header.php來看看瀏覽器的寬度和改變視口大小768px如果瀏覽器寬度低於700像素：

<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script> 

    <meta name="viewport" content=""> 

    <script> 
     if($.mobile.media("screen and (max-device-width: 700px)")) { 
      // Change viewport for smaller devices 
      $('meta[name=viewport]').attr('content','width=768px'); 
     } 
    </script>

這個偉大的工程 - 它讓iPad的橫向和縱向我漂亮，響應佈局，並給出了手機一個不錯的視口大小。可愛

來源

2013-08-07 14:05:43 Bro

是否可以只調用768px及以下的Viewport Meta標籤？

回答

相關問題