使用jquery調整瀏覽器窗口寬度

我的網站有一個包含網站內容1080px寬的容器。

但是當網站通過屏幕訪問能夠以比1080少的窗口，水平滾動由屏幕和內容不完全可見，要查看全部內容用戶需要水平滾動。

這個卷軸是通過在瀏覽器窗口縮放刪除。所以我想當低分辨率屏幕的用戶訪問該網站時，jquery會自動縮放它們的屏幕大小。

jquery的檢查分辨率或窗口的寬度，並且如果分辨率小於1100px然後jquery的放大窗口。（我們通過按手動完成）。

請幫幫我。謝謝

2013-06-19 Anand Borad

看看響應式設計。這裏有一些[教程]（http://www.hongkiat.com/blog/responsive-web-tutorials/）。您還可以獲得屏幕大小，計算縮放因子並應用[縮放CSS]（http://stackoverflow.com/questions/2026294/zoom-css-javascript）。（這是你問的東西）。但我更喜歡克勞斯的解決方案。 :) – VDP

您應該將這個meta標記添加到您的HTML的head。它應該給你你想要的移動設備效果：

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

來源

2013-06-19 08:57:01

使用jquery調整瀏覽器窗口寬度

回答

相關問題