2012-11-14 35 views
1

我建立以下網站:一切都被放大

http://www.verbum.xtrweb.com/soon.php

但正如你所看到的,一切都被放大。不,如果你調整它,但我不希望用戶必須調整他們的視圖爲我的網站。我希望我的網站始終顯示出相同的縮放,如圖片上傳我在這裏:

enter image description here

ctrl + 0是不是我要尋找一個解決方案。如果代碼中沒有東西,可能是樣式屬性或類似的東西。在瀏覽器中查看代碼以進行檢查。謝謝!!

+1

你的代碼中有一個javascript錯誤..你可以在督察中看到警告消息。 –

+0

@bitsMix我找不到它 – j1nma

回答

1

除了之前用戶在您的網頁上發現的所有小錯誤和錯誤之外,我建議您將標題內容封裝到具有percantege寬度的容器中。這樣它將根據所有瀏覽器中的瀏覽器窗口寬度保持相同的寬度。段落的字體大小也應該很容易調整。記住所有這些,並清理你的代碼,你應該能夠爲大多數用戶提供相同的體驗

+0

謝謝@ jacek_podwysocki,但你建議改變%寬度的元素的「頂部」和「左」,或者只是將%寬度添加到所有內容? – j1nma

+0

它沒有工作。我試過寬度5,50和100%的標題寬度,但仍然顯示爲縮放。我請求你看看:www.verbum.xtrweb.com @jacek_podwysocki – j1nma

+1

@JuanmaAlonso我已經瀏覽了你的代碼,看起來它將它的內容分別定位到瀏覽器的高度和寬度。唯一的問題是標題沒有縮放。爲了達到在所有瀏覽器大小上看起來相同的效果,需要調整字體。首先定義每個標題容器的尺寸,並使用js插件調整文本以適合容器。這一切都需要一些工作,但效果應該完全按照您的要求。 http://stackoverflow.com/questions/687998/auto-size-dynamic-text-to-fill-fixed-size-container –

0

在這裏,文件不存在:

<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> 

也許你應該先解決這個問題。

此外,我不認爲在同一頁面上包含多個版本的jQuery是一個好主意。


更新:

<div id="facebook" style="display: inline; opacity: 1.0999999999999999;"> 
<input style=" " id="fb-button" type="submit" value=" " onclick="window.location.href='http://www.facebook.com/sharer.php?u=&lt;http://verbum.xtrweb.com/&gt;&amp;t=&lt;Verbum, the new dictionary&gt;'" <="" input="">   
</div> 

以上(從頁面中複製)的HTML是錯誤的; input標記沒有正確關閉。

+0

標籤關閉。日Thnx。簡化了jquery庫。謝謝。但是縮放問題呢? – j1nma

0

看起來像你犯了一個打字錯誤。將段落的字體大小更改爲px或em。所以font-size:37px(而不是37pt)。