Dependendo do navegador usado, estilos de usuário adequados podem fornecer uma solução. Para o Firefox, há o add-on Stylish para esse problema, que eu conheço (não sei use o Chromium). Por outro lado, parece que há também um Stylish for Chromium disponível.
então, como isso ajuda você aqui? Primeiro você precisa identificar o elemento "over-sized" na página. Em muitos casos, esse é um elemento div
com o ID "content" ( <DIV ID="content" ...>
), com um estilo correspondente dizendo algo como div#content { width:1234px ... }
. Usando o Stylish, você pode sobrescrever essa configuração. No meu exemplo, isso pode ser feito por um estilo de usuário contendo div#content { width:100% !important; }
(o significado "importante": substituir a regra existente). Com esse valor relativo, esse elemento agora deve sempre caber exatamente na janela - no entanto, pode haver mais elementos que você precisa ajustar.
Antes de começar a brincar com você mesmo - especialmente se você não estiver acostumado com HTML / CSS -, verifique em UserStyles.ORG se alguém já fez esse trabalho. Você encontrará muitos trechos interessantes lá.
Alternativamente / Além disso, vale a pena dar uma olhada em UserScripts.ORG também. Em vez de CSS (Cascading Style Sheets), eles usam JavaScript, que é "injetado" nas páginas em tempo de execução. Para o Firefox, isso é feito através de extensões como GreaseMonkey ou Scriptish - até onde eu sei, essa funcionalidade é incorporada ao Opera e ao Chrome, não tenho certeza sobre o Chromium. Devido ao uso do JavaScript, é possível manipular a árvore DOM inteira: adicionar / excluir / mover elementos e muito mais.