Question

我开发了一个Silverlight网站。我目前面临的问题是当我使用浏览器缩放时，它会显示没有浏览器滚动条的网站的放大版本。内容被剪裁。请检查显示我的问题的这些图像。

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

以下是我的aspx页面中托管silverlight对象的设计代码。

＆lt; form id =“form1”runat =“server”style =“height：100％;”＆gt; ＆lt; div id =“silverlightControlHost”style =“background：＃9EEE69;”＆gt; ＆lt; object id =“silverlightObject”data =“data：application / x-silverlight-2，”type =“application / x-silverlight-2” width =“100％”height =“100％”＆gt;

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

Answer 1

@brijesh;您必须在min-width标记中定义body，如下所示：

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

Answer 2

创建javascript函数

function bodyLoadEvent（） {
this.form1.style.height =（parseInt（document.body.offsetHeight） - 5）。toString（）+“px”;
this.form1.style.width =（parseInt（document.body.offsetWidth） - 5）。toString（）+“px”;
document.getElementById（“myhtmlbody”）。style.height =（parseInt（document.body.offsetHeight） - 5）.toString（）+“px”;
document.getElementById（“myhtmlbody”）。style.width =（parseInt（document.body.offsetWidth） - 5）。toString（）+“px”;

}

并在体载上调用此函数。即
＆lt; body onload =“bodyLoadEvent（）;”＆gt;
＆lt; form id =“form1”runat =“server”style =“height：100％;”＆gt;
.......
＆lt; / form＆gt;
＆lt; / body＆gt;

Silverlight网站浏览器缩放问题

2 个答案: