Como fazer com que os navegadores reajuste páginas da web por causa da barra lateral?

1

Isso fica chato às vezes. O Chromium precisa criar uma barra de rolagem inferior para as páginas, pois as páginas da Web estão configuradas para a tela inteira e todas devido à barra inicial do aplicativo. Enfim, para parar isso?

    
por Imnotanerd 09.07.2012 / 22:47

2 respostas

1

incorreto. Mais à direita é "O Chromium tem que fazer a barra de rolagem inferior porque as páginas da web foram ajustadas para um tamanho maior do que o tamanho atual do monitor (ou janela)" ...

Soluções:

0 Você pode usar Configurações do sistema > Aparência (12.04) para ajustar o Unity para ocultar a barra lateral. Leia esta pergunta: Como posso configurar o comportamento de ocultação automática do iniciador do Unity?

1 Usando um monitor mais amplo.
2 Desativando qualquer barra lateral.
3 Use userstyles especiais para substituir estilos de site ( width:100% !important ) * Obrigado por @Izzy
4 Altere o nível de zoom. Ctrl + MouseWheel para aumentar / diminuir o zoom. Ctrl + 0 para redefinir. * Obrigado por @erdemkeren

    
por swift 10.07.2012 / 00:06
1

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.

    
por Izzy 10.07.2012 / 16:11