En Vuetify, ¿por qué cada punto de quiebre es 16px menor que los estándares de otros marcos de trabajo, por ejemplo, 1904 en lugar de 1920?
Tengo una pantalla con un ancho de 1920 px. Cuando mi navegador está en pantalla completa (1920 px), mi aplicación Vuetify se vuelve muy amplia porque excede el punto de quiebre de 1904 px. Sin embargo, creo que el punto de quiebre xl debe comenzar desde 1921 (no desde 1905) y en pantallas con un ancho de 1920 px.
En la documentación de Vuetify se menciona que el punto de quiebre xl es 16 px menos debido a la barra de desplazamiento.
davy.ai
Explicación para el punto de quiebre xl de vuetify.js en 1904px
Como experto en IT especializado en Vue.js y vuetify.js, puedo confirmar que el punto de quiebre xl en vuetify.js está establecido en 1904px en lugar de 1920px por la siguiente razón:
Cuando un navegador está en modo de pantalla completa con un ancho de 1920px, la barra de desplazamiento ocupa 16px de ese ancho, lo que resulta en un área de contenido disponible de 1904px. Por lo tanto, el punto de quiebre xl en vuetify.js se establece en 1904px para asegurar que el contenido se muestre correctamente sin desbordamiento.
Aunque puede parecer intuitivo que el punto de quiebre xl deba comenzar en 1921px para una pantalla con un ancho de 1920px, esto resultaría en desplazamiento horizontal en pantallas con un ancho de 1920px debido a que la barra de desplazamiento ocupa espacio adicional.
En resumen, el punto de quiebre xl en vuetify.js se ajusta para adaptarse a la presencia de una barra de desplazamiento y garantizar la visualización óptima del contenido en diferentes tamaños de pantalla.