2011-10-13 115 views
2

我開發了一個Silverlight網站。我目前面臨的問題是,當我使用瀏覽器縮放時,它顯示了沒有瀏覽器滾動條的網站的放大版本。內容被剪輯。 請檢查顯示我的問題的這些圖像。Silverlight網站瀏覽器縮放問題

http://demo.digi-corp.com/withzoom.jpg

http://demo.digi-corp.com/withoutzoom.jpg

以下是我的aspx頁面設計代碼,其中Silverlight對象託管。

<表格ID = 「form1的」 RUNAT = 「服務器」 風格= 「高度:100%;」> < DIV ID = 「silverlightControlHost」 風格= 「背景:#9EEE69;」> <對象的id =」 silverlightObject」數據= 「數據:應用程序/ x-Silverlight的2」,類型= 「應​​用程序/ x-Silverlight的2」 寬度= 「100%」 高度= 「100%」>

html, body 
    { 
     height: 100%; 
     width:100%; 
     overflow:auto; 
    } 
    body 
    { 
     padding: 0; 
     margin: 0; 
    } 
    #silverlightControlHost 
    { 
     height: 100%; 
     text-align: left; 
     width: 100%; 
    } 

回答

1

創建JavaScript函數

功能bodyLoadEvent(){
this.form1.style.height =(parseInt函數(document.body的。 offsetHeight) - 5).toString()+「px」;
this.form1.style.width =(parseInt(document.body.offsetWidth) - 5).toString()+「px」; style.height =(parseInt(document.body.offsetHeight) - 5).toString()+「px」;
document.getElementById(「myhtmlbody」)。style.width =(parseInt(document.body.offsetWidth) - 5).toString()+「px」;

}

並調用此函數的身體負荷。 即
<體的onload = 「bodyLoadEvent();」>
<表格ID = 「form1的」 RUNAT = 「服務器」 風格= 「高度:100%;」>
.......
</form>
</body>

+0

有時它在Chrome以100%顯示滾動條也一樣,如果它發生在你的應用程序,那麼請不要對形式和身體設置寬度產生的問題,並將其應用爲100%。 –

1

@brijesh ;你有你的body標籤定義min-width這樣的:

body 
    { 
     padding: 0; 
     margin: 0; 
     min-width:1000px; 
    } 
+0

謝謝當我放大瀏覽器時,它工作正常。但是,當我重置瀏覽器縮放它需要最小寬度參數考慮到,並不適合瀏覽器 –

+0

「不適合瀏覽器」你想說什麼,你可以解釋更多。謝謝 – sandeep

+0

你確定。當我將縮放比例重置爲100%並在1024 * 768中查看時,它將顯示滾動條,因爲最小寬度爲1000像素。所以我想要做的是當縮放設置爲100%,這是默認值,它應該適合瀏覽器沒有滾動條。 –