Início / computer / Perguntas / 1808967
Accepted
Ralf_Reddings
Asked: 2023-09-19 02:17:06 +0800 CST

Como fazer um elemento preencher a largura da janela do navegador com o uBlock?

  • 772

Por exemplo, nesta página em SuperUser , o conteúdo principal da página está comprimido, por isso é difícil de ler ou focar nele. Eu gostaria de ver como ele é renderizado atualmente até this .

O link após a captura de tela é o melhor que pude fazer para que meu navegador renderize o que desejo alcançar com o uBlock. Não quero alterar o tamanho da fonte, apenas a largura do elemento.

De acordo com o seletor, o elemento com o qual estou interessado em preencher a largura do navegador é chamado superuser.com###content.

Eu tentei isso pela primeira vez, mas não parece ter nenhum efeito:

superuser.com###content:style(width: 100vw !important;)

!Hide Right Sidebar
superuser.com##.js-sticky-leftnav.left-sidebar--sticky-container
!Hide Left Sidebar
superuser.com##.ps-relative.js-pinned-left-sidebar.left-sidebar

Então eu tentei:

superuser.com###mainbar > div:style(width:100vw !important;)

!Hide Right Sidebar
superuser.com##.js-sticky-leftnav.left-sidebar--sticky-container
!Hide Left Sidebar
superuser.com##.ps-relative.js-pinned-left-sidebar.left-sidebar
! This gets in the way too
superuser.com##.show-votes

Mas acabo criando uma bagunça totalmente nova, como mostrado aqui . Qualquer mudança adicional acabo piorando as coisas. Eu juntei a maior parte disso examinando outras questões e pesquisando propriedades CSS, como 100vw.

Parece que não estou chegando a lugar nenhum. Alguém pode me mostrar como fazer isso corretamente? Eu apreciaria muito um exemplo.

css

1 respostas

  1. Best Answer

    Isso resolve o problema:

    superuser.com###sidebar
superuser.com###left-sidebar
superuser.com##.container:style(width: 100% !important; max-width: 100% !important;)
superuser.com###content:style(width: 100% !important; max-width: 100% !important;)

    Você precisa verificar todos os elementos relacionados que definem o tipo de funcionalidade widthdo navegador Inspect elemente revisar o HTML próximo. Você errou .container. O segundo problema é a falta de max-widthmanipulação, que prevalece width.

    Além disso, use IDs sempre que disponíveis, em vez de classes. Você deseja ser o mais específico possível com esse tipo de ferramenta.

    • 1

relate perguntas