Problema de zoom del navegador del sitio web de Silverlight

He desarrollado un sitio web de Silverlight. El problema al que me enfrento actualmente es que cuando uso el zoom del navegador, muestra la versión ampliada del sitio sin barras de desplazamiento del navegador. El contenido está recortado. Por favor, consulte estas imágenes que muestran mi problema.

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

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

El siguiente es el código de diseño en mi página aspx donde está alojado el objeto silverlight.

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

preguntado Oct 13 '11, 11:10

2 Respuestas

@brijesh; tienes que definir min-width en tu body etiqueta como esta:

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

Respondido 13 Oct 11, 16:10

Gracias Eso funciona bien cuando hago zoom en el navegador. Pero cuando restablezco el zoom del navegador, tiene en cuenta el parámetro de ancho mínimo y no cabe en el navegador. Brijesh Patel

'no cabe en el navegador' lo que quiere decir, ¿puede explicarlo más? Gracias - sandeep

Si, seguro. cuando restablezco el zoom al 100% y lo veo en 1024 * 768, mostrará la barra de desplazamiento ya que el ancho mínimo se proporciona como 1000 px. Entonces, lo que quiero hacer es cuando el zoom está configurado al 100%, que es el valor predeterminado que debería caber en el navegador sin barra de desplazamiento. - Brijesh Patel

es solo un ejemplo, puede establecer su ancho mínimo usted mismo como 980px. - sandeep

Pero este sitio se puede ver en cualquier PC con cualquier resolución. Entonces, ¿cómo puedo administrar mi ancho mínimo según la resolución? - Brijesh Patel

crear función 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";

}

y llame a esta función en la carga corporal. es decir


.......

Respondido 14 Oct 11, 10:10

A veces crea un problema en Chrome, también muestra la barra de desplazamiento al 100%, si ocurre en su aplicación, no establezca el ancho para la forma y el cuerpo, y aplique el estilo para ambos como 100%. - Vishal Parek

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.