Dimensionar o conteúdo de um div em percentagem?
construir um CMS de tipos onde o utilizador possa mover-se em caixas para criar um layout de página (ideia básica de qualquer forma).
Eu gostaria de puxar o conteúdo real para dentro da base de dados e construir a "página", mas tê-lo exibido a uma escala de 50%.
Eu sei que podia ter dois conjuntos de CSS-um para a primeira página, e um para a ferramenta de administração e encolher tudo de acordo, mas isso parece uma dor para manter. Esperava que houvesse algum tipo de ... jquery ou CSS ou algo que me permitisse preencher um div e dar-lhe as propriedades (?) de 50%. 52
2 answers
Pode simplesmente usar a propriedade zoom:
#myContainer{
zoom: 0.5;
-moz-transform: scale(0.5);
}
Onde o meu dono contém todos os elementos que está a editar. Isto é suportado em todos os navegadores principais.
96
Author: Benjamin Gruenbaum, 2017-05-23 11:47:09
Esta lib cruzada parece mais segura-só zoom e moz-transform não cobrirão tantos navegadores como jquery.transform2d's scale().
Http://louisremi.github.io/jquery.transform.js/
Por exemplo
$('#div').css({ transform: 'scale(.5)' });
Actualizar
Estou a ver que as pessoas estão a votar contra isto sem uma explicação. A outra resposta aqui não vai funcionar em Safari velho (pessoas correndo Tigre), e não vai funcionar consistentemente em alguns navegadores mais velhos - isto é, ele faz escala as coisas, mas ele faz isso de uma forma que ou é muito pixelizada ou muda a posição do elemento de uma forma que não combina com outros navegadores.Http://www.browsersupport.net/CSS/zoom
Ou basta olhar para esta pergunta, que esta provavelmente é apenas uma farsa de:Estilos completos para a ampliação do CSS do navegador cruzado
22
Author: Chris Moschini, 2017-05-23 12:10:39