De la discusión anterior, parece como si nadie en línea generador existe, ¿verdad? Seguro que no podría encontrar uno que analice toda la hoja de estilo.
En primer lugar, si se aplica a, e imagen o entrada, aparte de la fuente dentro de una entrada, ¿serían relativos, y si es así, qué y cómo? Las imágenes no se pueden anidar, y me es difícil verlas en relación con el ancho de cada div principal. (La conversión por CSS PIE, para evitar errores, es lo que inspira esto).
Aparte de las entradas y las imágenes, me preguntaba si hay formas de convertir una hoja de estilo completa. Ayúdame a ver si mi lógica funcionaría. Creo que tengo varios de los elementos ya creados, solo necesitaría unirlos.
Trabajar solo con CSS no puede hacer el truco, ya que es imposible saber qué elementos se anidarán. Por lo tanto, sería necesario escanear la salida html. ¿Cuál es la mejor manera de hacer eso? La única forma en que podría pensar es en aplicar todos los estilos en línea, que se ha creado un generator para convertir plantillas para correos electrónicos y cosas así. Una vez que los estilos están en línea, esto mostrará cómo todo está anidado. A partir de eso, compare con la hoja de estilo.
Compara cada elemento anidado con "em" a cualquier elemento principal con "em" para generar el px en consecuencia, y ya tengo una herramienta de expresiones regulares para analizar el CSS, haciéndolo más fácil.
El único problema es que una clase puede anidarse bajo diferentes elementos, el em en una sola clase se vuelve diferente en su contexto, por lo tanto, imposible de convertir a px y se aplicará igual. La única solución, creo, es recrear la estructura anidada, o una parte de, en la hoja de CSS para aplicar el px en consecuencia, cada vez que el tamaño de fuente difiera en el contexto.
Por ejemplo:
<code>
// Original Stylesheet
.mainClass{font-size:1em;}
// HTML
<div id="outerNest" style="font-size:.5em;">
<div class="mainClass"> Font here is .5em </div>
</div>
<div class="mainClass> Font here is 1em</div>
// New stylesheet
.mainClass{font-size:16px;}
// newly created styles to work with px conversion
#outerNest .mainClass{font-size:8px;}
</code>
A. ¿Cree que podría funcionar? B. ¿Hay una manera mejor? C. ¿De alguna manera vale la pena? Podría haberlo usado una vez en una luna azul en algunas situaciones al azar, pero dudo que mucha gente lo encuentre de algún valor. ¿O hay una situación en la que sería útil que las personas se topan aquí y allá?
Supongo que depende de qué tan bien se maneje su hoja de estilo, pero veo el punto. Probablemente sea por eso que no hay uno ... si no hay uno. Sin embargo, yo * podría * usar dicho convertidor. Realmente me ayudaría a convertir hojas de estilo existentes a mi método de tipografía. –
Por ejemplo, en un diseño bien estructurado, ese botón (de mi ejemplo) solo estaría en un contexto como este:
body > section||aside > form > button
Nunca tendría un botón dentro de un botón, etc. –No conozco ningún sistema automático pero no veo ninguna razón por la cual no puedas escribir algo que escanee el resultado HTML y el CSS y convierta con éxito todos los tamaños de px en tamaños exactos. Sin embargo, Dios te ayudará si tienes contenido dinámico: -P Además, dado que todos los navegadores modernos se acercan a una página en lugar de simplemente intentar ampliar los tamaños (y mantener iguales los tamaños de px), entonces ya tendrás un diseño perfecto y funcional. - Personalmente, lo dejaría en paz –