Início / computer / Perguntas / 1666985
Accepted
Digital Farmer
Asked: 2021-08-02 14:19:03 +0800 CST

Existe alguma maneira de reduzir mais do que a largura mínima que os navegadores permitem?

  • 772

Sistema operacional: Windows 10
Resolução da tela: 1366x768

Estou tentando deixar os navegadores ainda menores em largura, mas eles não me deixam puxar mais para o lado do que essa quantidade abaixo, Google Chromeà esquerda e Firefoxà direita. Existe alguma maneira de remover esse bloqueio e diminuir mais do que isso?

Nota: Meu problema é o espaço da tela no meu monitor, então eu precisava diminuir um pouco mais o do navegador.

A ideia é aumentar esse espaço preto entre os navegadores e ter mais liberdade para ajustar a largura sem bloquear o mínimo.

insira a descrição da imagem aqui

windows-10 google-chrome

3 respostas

  1. Não posso dizer o quão pequeno é o seu navegador pela captura de tela, mas uso uma ferramenta como DisplayFusion , que me permite dividir meu monitor ultrawide em algumas telas virtuais. Com isso, posso pressionar uma tecla de atalho e mover o Firefox para essa tela pequena e redimensionar automaticamente. Acredito que seja uma forma de encaixá-lo.

    Outra ferramenta que utilizo é o Divvy , quando acionado, mostra minha tela em grade e movo o mouse para desenhar uma caixa para indicar um tamanho de redimensionamento de tela que preciso. Eu posso tornar o Firefox muito pequeno com isso.

    A imagem abaixo foi tirada do monitor de 27", não ultra-amplo e você pode ver o quão pequena é a janela do Firefox. insira a descrição da imagem aqui

    Eu não tentei isso, mas, em teoria, deve ser o mesmo - você pode instalar o Windows PowerToys que vem com um aplicativo chamado Fancy Zone, que permite criar zonas ao redor da tela, nas quais você pode soltar um aplicativo pressionando SHIFT e arrastando seu aplicativo para a zona. Isso redimensionará automaticamente seu aplicativo para o tamanho da zona que você predefiniu.

    • 2
  2. Best Answer

    Você pode fazer com que o Chrome e o Firefox abram uma janela reduzida ao iniciar uma janela estreita e ajustável do navegador a partir do JavaScript.

    Aqui está a página HTML que você pode usar:

    <a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>

    Isso exibirá uma página simples com um link chamado "Abrir!". Clicar no link abrirá uma nova janela do navegador que pode ser redimensionada mais do que a página normal do navegador.

    Em meus experimentos, consegui reduzir o Firefox para uma largura de cerca de 290 pixels. Chrome consegui reduzir para cerca de 200 pixels.

    Outro método para o Chrome é usar a extensão OSX Resizer .

    Clicar no ícone da extensão irá reabrir a página atual em uma nova janela ajustável que consegui reduzir para 176 pixels.

    Ainda outro método para o Chrome é usar as Ferramentas do desenvolvedor e encaixá-las à direita.

    O encaixe é feito abrindo as Ferramentas do desenvolvedor e clicando no ícone do menu de três pontos:

    insira a descrição da imagem aqui

    Depois que as Ferramentas do desenvolvedor estiverem encaixadas à direita, você poderá arrastar o separador intermediário para redimensionar a página exibida à esquerda.

    O mínimo que consegui reduzir dessa forma foi para 150 pixels.

    • 2

  3. No Firefox, você pode usar userChrome.csspara substituir a largura mínima.

    1. Vá para about:confige defina toolkit.legacyUserProfileCustomizations.stylesheetscomo verdadeiro.
    2. Encontre seu perfil de usuário. A pasta deve ser nomeada como 30t5gfdj.default-releaseou 30t5gfdj.default.
    3. Na pasta de perfil do usuário, crie uma pasta chamada chrome. Em chrome, crie um arquivo chamado userChrome.css. Portanto, o caminho completo deve terminar com algo como Mozilla/Firefox/Profiles/30t5gfdj.default-release/chrome/userChrome.css.
    4. Uma vez userChrome.csspreenchido, reinicie o navegador para aplicar as alterações.

    Este é o conteúdo do meu userChrome.cssarquivo:

    @namespace html url("http://www.w3.org/1999/xhtml");

:root {
  min-width: 1px !important;
}
    • 1

relate perguntas