jQuery-調整大小 <body> 到頁面寬度。（縮放有效，我又如何使其縮小？）

Question

在學習一些jQuery的同時，我一直將該網站用作資源。 我的技能水平主要是集成和修改其他人的代碼。 到現在為止還挺好。 我遇到問題了，並注冊了，所以我可以發表問題。

基本上，我有一個專為1280px寬度設計的網站。 我正在使用jQuerytools的“標簽”和“可滾動”插件來使內容的水平圖像滾動超過4000px。 當然，在1080p屏幕上，“可滾動”窗格沒有到達屏幕的兩側。 我的解決方案是一個腳本，如果寬度大於1280px，我會放大頁面。

這是代碼。

$().ready(function() {
var currentWidth = $(document.body).width();
var targetWidth = 1280; // experiment for your self
var scrollWidth = 10; // need to make it dynamic
// if the screen is not bigger than the target, then don't mess with zooming
if (currentWidth > targetWidth) {
  if (typeof document.body.style.zoom != "undefined")
    document.body.style.zoom = currentWidth / targetWidth;
  else if (typeof document.body.style.MozTransform != "undefined") {
    document.body.style.MozTransformOrigin = "left top";
    document.body.style.MozTransform = 'scale(' + currentWidth / targetWidth + ')';
  }
  else if (typeof document.body.style.WebkitTransform != "undefined")
    document.body.style.WebkitTransform = 'scale(' + currentWidth / targetWidth + ')';

  $(document.body).width(targetWidth - scrollWidth);}})

這很好用，但是如果主體小於1280px，我無法弄清楚如何縮小它。 任何幫助將不勝感激。

Answer 1

有幾件事，jquery有兩種在文檔就緒對象上觸發的方法，一種是

 $(document).ready(function(){

我熟悉的另一個簡寫是

$(function(){

不建議使用$().ready語法。 請檢查jquery文檔http://api.jquery.com/ready/

另外，在代碼末尾沒有結束分號。 在codeacademy上快速介紹一下jquery語法，您會做得很好。 我發現，如果一小段jquery代碼語法錯誤，則DOM將不會完全加載。

jQuery-調整大小 <body> 到頁面寬度。（縮放有效，我又如何使其縮小？）

問題描述

1 個解決方案

解決方案1
0 2013-10-28 20:49:35

jQuery-調整大小 <body> 到頁面寬度。 （縮放有效，我又如何使其縮小？）

問題描述

1 個解決方案

解決方案1 0 2013-10-28 20:49:35

jQuery-調整大小 <body> 到頁面寬度。（縮放有效，我又如何使其縮小？）

解決方案1
0 2013-10-28 20:49:35