Não sei sobre ASP, então talvez o que eu vá te dizer aqui não funcione muito bem.
No CSS temos as media queries, que basicamente são "modos" em que sua página se encontra. Exemplo:
@media screen and (max-width: 600px){
body{
width: 100%
}
}
Ou seja, quando o dispositivo for screen (tela) e tiver no máximo 600px de largura, aplica largura de 100% no body.
Com isso também temos algumas opções que tratam sobre impressão (print
). Então você pode usa-las da seguinte maneira:
@media print{
#my-grid{
width: 1000px;
height: 600px;
top: 0;
left: 0;
}
}
Ou seja, quando o você tentar imprimir pelo navegador, o elemento #my-grid
vai receber esses novos valores e substituir os antigos.
Uma forma de testar se o seu estilo está sendo aplicado corretamente é utilizando o DevTool.
No chrome, abra o console (f12), aperte ESC e role até a opção Emulate CSS Media
. Lá você pode selecionar print
(impressão) e verificar como teu elemento fica quando vai ser impresso.
