CSS globales usando diseño flexible -- angular campo con responsive-design campo con angular-flex-layout camp Relacionados El problema

Global CSS using flex layout


0
vote

problema

Español

Estoy creando una aplicación angular 2 con material angular y para la capacidad de respuesta, estoy usando una biblioteca de diseño flexible angular. Pero mientras trabajaba con el diseño de FLEX angular, llegué a saber que para cada página necesito modificar el CSS según el requisito. Como mis aplicaciones están teniendo casi 60 páginas, es demasiado complicado para rediseñar todas las páginas con sintaxis FLEX.

para que necesito preguntar,

  1. ¿Puedo crear CSS globales usando Flex-diseño para que los esfuerzos para modificar cada página se reducirán?.

  2. ¿Puedo usar otra biblioteca para la capacidad de respuesta, lo que será más fácil que el diseño flexible?

  3. ¿Qué debo usar para la capacidad de respuesta, así como la estructura de la página de fluidos en la aplicación Angular 2?

Por favor, cualquiera me sugiera la forma correcta de diseñar la aplicación web en Angular 2.

Original en ingles

I am creating angular 2 application with angular material and for responsiveness I am using angular flex-layout library. But while working with angular flex layout I came to know that for each page I need to modify the CSS as per requirement. As my applications are having almost 60 pages, Its too complicate to redesign all the pages with flex syntax.

So I need to ask,

  1. Can I create Global CSS using Flex-layout so efforts for modifying each page will reduce?.

  2. Can I use another library for responsiveness which will be easier than flex layout?

  3. What should I use for responsiveness as well as fluid page structure in angular 2 application?

Please any one suggest me the correct way to design web application in Angular 2.

        

Lista de respuestas

0
 
vote
  1. Sí, algunos estilos deben ser globales, por ejemplo, las clases estructurales de diseño como Bootstrap o FlexBox, etc., de lo contrario, repetirá las clases .css en muchos componentes.

  2. bootstrap 3 es muy popular y a pesar de que algunos desarrolladores lo prefieren o no lo usan tantos desarrolladores y proyectos, por lo que es muy fácil de mantener, resolver problemas y nuevos devs que se unirán al proyecto puede mantener fácilmente y escribe nuevo código.

  3. Sugeriría FlexBox o bootstrap 3. Esto parece prometedor http://flexboxgrid.com/ también.

Si tiene algunas preguntas, no dude en preguntar :)

 
  1. Yes, some styles have to be global for example layout structural classes like Bootstrap or Flexbox etc. Otherwise you will repeat .css classes in many components.

  2. Bootstrap 3 is very popular and despite if some developers prefer it or not it is used by so many devs and projects so it is very easy to maintain, solve problems and new devs that will join the project can easily maintain and write new code.

  3. I would suggest flexbox or bootstrap 3. This looks promising http://flexboxgrid.com/ also.

If you have some questions please feel free to ask :)

 
 
     
     

Relacionados problema

1  Animar el tramo de diseño flexible angular  ( Animate angular flex layout stretch ) 
¿Es posible animar el estiramiento de diseño flexible cuando cambie su altura / ancho? Por ejemplo, si tengo un *ngFor en uno de los cuadros FLEX y agrego u...

-1  ¿Por qué es el DIV más ancho que su contenido?  ( Why is the div wider than its content ) 
Estoy tratando de crear una página con un diseño de relleno flexible de 20-60-20, pero el div en el centro que debe representar el 60% de la página es más anc...

15  Altura de la lengüeta de material angular  ( Angular material tab height ) 
Estoy tratando de tener una pestaña de material angular de página completa que tiene pestañas que tienen una altura total y tienen un mensaje centrado. He cre...

2  La tarjeta MAT no está especificando la brecha a continuación y por encima de la fila  ( Mat card is not specifying gap below and above the row ) 
Estoy tratando de especificar un poco de espacio entre dos filas mientras se muestra las tarjetas MAT. Pero no se muestra correctamente después de usar Flex. ...

12  Creación de un diseño con un encabezado fijo, barra lateral fija, sección de contenido fijo con material angular / diseño flexible en angular  ( Creating a layout with a fixed header fixed sidebar fixed content section usin ) 
Estoy usando angular w / material angular y diseño flexible Estoy tratando de crear un diseño para una aplicación web que es exactamente similar a es...

0  Se rompe el diseño flexible mientras se representa cuando Bootstraps de la respuesta del lado del servidor  ( Flex layout breaks while rendering when bootstraps from server side response ) 
fisrt de todos, aquí están mis dependencias: "dependencies": { "@angular/animations": "5.2.8", "@angular/common": "5.2.8", "@angular/compiler": "5.2....

1  El diseño de la flexión de la flexión angular crece y se encoge  ( Angular flex layout wrap items grow and shrink ) 
Tengo un contenedor de diseño que muestra elementos como este: Mi código: <div fxLayout="column" fxFlex="50"> <div fxLayout="row wrap" fxLayout.xs="...

2  Envolver tarjetas de material dentro de un ngfor  ( Wrap material cards inside an ngfor ) 
Estoy generando tarjetas de una API cuando el usuario realiza una búsqueda. Tengo componente de la lista de películas en la que muestro mis tarjetas Aquí ...

5  Pantalla de tarjeta angular de material  ( Material angular card display ) 
Tengo una galería de imágenes y me gustaría mostrarlos en un sistema de tarjetas Polaroid que abarca múltiples filas y columnas. El problema que estoy enfrent...

1  FXLayout - Envolver casillas de verificación alineadas / uniformemente  ( Fxlayout wrap checkboxes aligned evenly ) 
Tengo 7 casillas de verificación para los días de la semana ( Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday ) en un fxLayout usando row . ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos