www.state-it.info

Gran base de respuestas a las preguntas de los desarrolladores
Header decor

Como a través de diferentes dispositivos para hacer la imagen?

olya_097 2018-11-06 23:02:28

Como en varios dispositivos, hacer de la imagen ( que son los mismos, pero la altura y la anchura de diferentes)

la versión móvil
5be1f36fcf681910768011.jpeg
escritorio
5be1f2559c8d1415030706.jpeg

web_Developer_Victor 2018-11-06 23:46:00

En html academy no cuentan como hacerlo?


olya_097 2018-11-06 23:50:02

A lo que la pregunta no entiendo
yo misma estoy aprendiendo
en internet descargado el diseño


Total answers: 2

AleksandrB 2018-11-06 23:08:42

a Través de медиазапросы
!

olya_097 2018-11-06 23:10:01

y a través de la etiqueta picture?


UnluckySerivelha 2018-11-06 23:11:44

olya_097, como él aquí ayuda? aquí sólo flexbox y la propiedad order, y la imagen de cualquier manera hacer


olya_097 2018-11-06 23:13:09

UnluckySerivelha, Usted no ha entendido
hay una vista de diferentes tamaños de las imágenes


Froggyweb 2018-11-06 23:13:56

olya_097, por lo general svg
picture ahorra ancho de banda para пиксеоьных imágenes


olya_097 2018-11-06 23:16:38

Froggyweb, aceptar
haré asa
pero en мобилке y una tableta diferentes tamaños de las imágenes
cómo corregir?


dpr 2018-11-07 00:02:20

olya_097,

pero en мобилке y una tableta diferentes tamaños de las imágenes
cómo corregir?

bueno establezca diferentes dimensiones a través de css y todo.

img {
  width: 50px;
}

@media (min-width: 768px) {
  img {
    width: 100px;
  }
}


olya_097 2018-11-07 00:04:12

dpr, gracias
y como el color de cambiar? cuando экпорте la imagen no es de ese color, como debe de ser, por defecto, negro


dpr 2018-11-07 00:05:29

olya_097, abra un archivo svg en el bloc de notas y escribe en las etiquetas de fill="red" o stroke="red", a pesar de que usted necesita. Guarde el archivo. Utilice.


tyzberd 2018-11-06 23:12:43

svg + медиазапросы

olya_097 2018-11-06 23:15:20

la etiqueta picture? es para una imagen diferente de hacer (fotos iguales, pero diferentes tamaños)?


tyzberd 2018-11-06 23:28:14

no. Hagan a través de SVG-sprites como te han echado en otra respuesta y estilos en la media cambie la anchura y la altura


olya_097 2018-11-06 23:31:22

tyzberd, y lo mejor de insertar el asa a través de la etiqueta img( exportación a través de la exportación como)

o a través de la etiqueta svg(exportación a través de exportar el contenido)? o sin diferencia?


tyzberd 2018-11-06 23:42:08

no muy entiendo de donde se va a exportar.
Esto deben ser los iconos vectoriales, insertar el asa.

Si no tiene un vector, entonces haga simplemente img con mayor imagen y estilos de reducir para el celular, no hay una gran diferencia en la cantidad de.


dpr 2018-11-07 00:04:12

olya_097,

y lo mejor de insertar el asa a través de la etiqueta img( exportación a través de la exportación como)

Si se trata simplemente de una imagen - lo img
Si usted necesita de forma interactiva por qué cambiar las propiedades de, por ejemplo, cambiar el color al pasar el ratón, inserte el código svg o a través de xlink:href


olya_097 2018-11-07 00:20:59

dpr he aquí дописала
pero nada ha cambiado 5be205acb7f25360040254.jpeg


dpr 2018-11-07 00:32:12

olya_097, no aquí. en las etiquetas de path o g o, ¿qué hay allí. A los que pintan la propia imagen.


dpr 2018-11-07 00:32:34

O tire el código de la imagen. Pedirá a.


olya_097 2018-11-07 00:35:15

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 84.00267 100.11067"
   height="100.11067"
   width="84.00267"
   xml:space="preserve"
   id="svg2"
   version="1.1"><metadata
     id="metadata8"><rdf:RDF><cc:Work
         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
     id="defs6"><clipPath
       id="clipPath18"
       clipPathUnits="userSpaceOnUse"><path
         id="path16"
		  
         d="M 0,75.083 H 63.002 V 0 H 0 Z" /></clipPath></defs><g
     transform="matrix(1.3333333,0,0,-1.3333333,0,100.11067)"
     id="g10"><g
       id="g12"
	   ><g
         clip-path="url(#clipPath18)"
         id="g14"><path
           id="path20"
           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
           d="M 60,38.999 H 38.053 V 49.853 H 60 Z M 57.125,2.936 H 38.053 v 33.063 h 19.072 z m -22.01,0.002 h -7.063 v 46.916 h 7.063 z M 25.114,38.999 H 3 v 10.854 h 22.114 z m 0,-36.063 H 6.042 v 33.063 h 19.072 z m -5.882,56.426 c -2.19,1.467 -6.444,4.378 -6.342,7.678 0.11,3.552 5.655,6.491 8.68,3.839 3.797,-3.331 5.625,-10.972 7.01,-16.357 -3.199,1.519 -6.23,2.753 -9.348,4.84 m 22.534,9.848 c 2.07,0.306 4.907,-1.283 5.175,-3.171 0.387,-2.723 -3.348,-5.192 -5.007,-6.343 -2.484,-1.723 -4.853,-2.611 -7.178,-4.006 0.872,3.645 2.512,12.854 7.01,13.52 M 60.165,52.853 H 60.063 35.758 c 13.603,6.815 14.687,11.115 14.187,13.52 -1.144,3.916 -5.603,6.938 -9.847,5.341 -5.485,-2.063 -7.03,-10.262 -8.514,-16.19 -1.894,5.998 -3.726,13.649 -8.011,17.525 -1.242,1.125 -3.049,2.237 -5.676,2.003 C 13.932,74.7 8.245,69.735 10.553,64.203 12.77,58.89 20.092,55.533 24.907,52.853 H 2.834 C 1.275,52.853 0,51.577 0,50.018 V 38.833 c 0,-1.559 1.275,-2.834 2.835,-2.834 h 0.27 V 0 h 56.958 v 35.999 h 0.104 c 1.562,0 2.835,1.275 2.835,2.834 V 50.018 C 63,51.577 61.725,52.853 60.165,52.853" /></g></g></g></svg>


olya_097 2018-11-07 00:39:45

dpr, скинула
trató de cambiar no cambia


dpr 2018-11-07 00:40:56

olya_097, Ve usted en los atributos style vale la pena color negro? cambiar su. En todas partes, donde encontrará.


olya_097 2018-11-07 00:46:15

dpr, muchas gracias!


tyzberd 2018-11-07 01:03:35

olya_097, con la ayuda de un ilustrador, y luego de este sitio web https://jakearchibald.github.io/svgomg/ con el icono se puede preparar
https://codepen.io/tyzberd/pen/QJjgYE


Preguntas relacionadas:

Footer decor

© www.state-it.info | Base of answers to questions for developers and programmers.