cómo configurar el tamaño del elemento igual que el del navegador en asp.net

Estoy haciendo un sitio web y tengo una página maestra. He configurado el ancho y el alto de los elementos en la página maestra para que se adapten al navegador Firefox, por lo que funciona bien cuando abro mi página en él, pero tan pronto como cambio a Chrome u opera o IE, la página no se ajusta al completo área del navegador. La página es más pequeña (mostrando espacios en blanco) o más grande (con barra de desplazamiento) que el área de visualización del navegador y el funcionamiento es obvio porque he codificado el ancho y el alto para adaptarse a Firefox. También sé que cuando abro la misma página en Firefox pero en la computadora de otra persona, habrá al menos algo de distorsión (debido a una resolución diferente).

¿Alguien tiene un código javascript / c # que pueda usar para establecer dinámicamente el tamaño de un elemento según el navegador en el que se abre? El siguiente es el html de mi página maestra. He resaltado el código en negrita que configuré para Firefox.

<% @ Master Language = "C #" AutoEventWireup = "true" CodeFile = "MasterPage.master.cs" Inherits = "MasterPage"%>  Página sin título  width = "1330" cellpacing = "1" cellpadding = "1" border = "0" align = "left">   width = "1230px" style = "height: 440px">  parte inferior de la pantalla

preguntado el 20 de junio de 11 a las 09:06

3 Respuestas

¿Por qué no usas CSS para diseñar tu área de cliente?

Podrías usar

width: 100%;
height: 100%;

para obtener un elemento, use todo el espacio disponible. No creo que sea una buena idea calcular el tamaño en el lado del servidor en c #.

Respondido el 20 de junio de 11 a las 13:06

Sabía que no es una buena idea agregar código del lado del servidor para esto, pero lo agregué solo por el simple hecho de hacerlo. En cuanto al ancho y alto = 100%, lo probé pero no funcionaba, pero lo intentaré de nuevo. Pero un javascript hubiera hecho maravillas. - samar

por supuesto, debe aplicar el 100% a cada elemento, por ejemplo, cuerpo - div - tabla - tr, etc ... - daniel.herken

Por lo general, debe establecer el ancho de su contenedor principal.(Div or table) in percent or pixel. cuando lo configura en 100 en porcentaje (100%), cubrirá toda la página en todos los navegadores. Si configura el contenedor principal en píxeles, 920 px es aproximadamente bueno. pero deberías usar margin:0px auto css para que su contenedor lo coloque en el centro de la página. para sus elementos internos, puede usar tanto el porcentaje como el píxel. porque has configurado el contenedor principal width antes.

respondido 31 mar '12, 20:03

Puedes usar css, así:

width: 100vw; // 100% of viewport width
width: 100vh: // 100% of viewport height

Esto debería funcionar porque la ventana gráfica se refiere al dispositivo actual

contestado el 30 de mayo de 19 a las 14:05

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