將非響應式網站調整爲窗口大小的最佳方法？

我建立了一個無響應的網站（這是一個「實驗性/藝術性」網站，屏幕上發生了太多事情，使其響應..）將非響應式網站調整爲窗口大小的最佳方法？

我明顯排除手機，但我想它適用於平板電腦和

現在，該網站擁有1280px的寬度，以便它不會在平板電腦上正確顯示無論是

不過，我可以相應地縮小我的網站的身體，當用戶在平板電腦正確嗎？

你覺得下面的腳本就可以了：

var resizeSite = function (originalWidth, minWidth) 
{ 
    var resize = function() 
    { 
     var currentWidth = $(window).width(); 
     var zoom = currentWidth/originalWidth; 

     if ((currentWidth < originalWidth) && (currentWidth >= minWidth)) 
     {   
     $('body').css({ 
      zoom: zoom, 
      '-moz-transform' : 'scale(' + zoom + ')' 
     }); 
     } 
    }; 

    resize(); 

    $(window).resize(function() 
    { 
     resize(); 
    }); 
}; 

resizeSite(1280, 980);

放大了明顯的扭曲了質量，但總比沒有我想好。

有沒有更好的選擇，或者上面的腳本有什麼問題嗎？

有沒有辦法在縮小時防止文字模糊（對於某些縮放值）？

來源

2014-10-06 Sprout Coder

您可以嘗試將視口元標記添加到您的標題。它所做的是設置屏幕的寬度以匹配設備的寬度。有幾個與視口標籤相關的選項，請查看以下鏈接以獲取更多信息。 :-)

http://css-tricks.com/snippets/html/responsive-meta-tag/

<meta name="viewport" content="width=device-width, initial-scale=1">

來源

2014-10-06 14:53:31

謝謝！根據這篇文章：http://blog.javierusobiaga.com/stop-using-the-viewport-tag-until-you-know-ho視口元標記不應該用於非響應網站，所以我想我'我會堅持我的草率解決方案「現在:-) – 2014-10-06 15:02:28

好的，祝你好運！^^ – 2014-10-06 17:28:56

將非響應式網站調整爲窗口大小的最佳方法？

回答

相關問題