Imagen con el mismo tamaño.




 Hola soy Laura, mi pregunta es como puedo conseguir que una imagen tenga el mismo tamaño aunque se vea en diferentes resoluciones. Estoy haciendo una página web y quiero que una imagen (una barra concretamente)ocupe todo el ancho de la pantalla pero que al verla con diferentes resoluciones no se quede corta ni al contrario y aparezcan las barras de scroll. ¿Hay alguna función en JavaScript para esto?  



 
 

 Gracias y un saludete de Laura.
Es muy sencillo, tienes que poner como ancho de la imagen 100%, de esta forma la imagen será de ancho todo lo que ocupe la pantalla o todo lo que ocupe la tabla (si es que está en una tabla).
esta es una opcion:

creas una ventana con muy poco ancho:

[[imagen]](https://foros.consultoria-sap.com/uploads/db7262/original/2x/b/b350e72aec7b98ab528d7ff38faeba3e67b80ec9.png "image.png")

dentro de la ventana pones lineas de codigo, y completas una variable char30 o similar, con el texto que necesitas mostrar:

[imagen]

debajo pones a mostrar la variable que tiene el texto:

[imagen]

y probamos:

[[imagen]](https://foros.consultoria-sap.com/uploads/db7262/original/2x/9/9f16d2212db53dd262a7e88eddaf28a9db382747.png "image.png")

espe… <p>incluiría un ícono de lupa (con un signo más dentro) que se muestra en la esquina de la imagen cuando pasa el cursor sobre él. al hacer clic en la imagen todavía se amplía, pero tiene más pistas visuales que solo el cursor de "mano".</p> ¿Intentaste con esto: [Mi pantalla se ve más grande?](https://es.ccm.net/forum/affich-72127-mi-pantalla-se-ve-mas-grande#5) Nos comentas... 
  

  
Sigue a Kioskea en Twitter: @kioskea\_es
  
Agréganos en Facebook: facebook.com/kioskea.es para comparar es mejor usar la misma foto, en un caso con lentes y la otra sin. <p>los iconos son notoriamente ineficaces como etiquetas, y son muy difíciles de interpretar correctamente sin capacitación o experiencia. para la mayoría de las situaciones, los usuarios aprenden mejor las interpretaciones correctas solo con texto que con íconos solos. <sub>ver: wiedenbeck, s (1999). el uso de iconos y etiquetas en un programa de aplicación de usuario final: un estudio empírico de aprendizaje y retención. comportamiento y tecnología de la información, 18 (2), p68-82.</sub></p><p>los íconos son especialmente malos para cualquier cosa abstracta, como factura u oferta, ya que las cosas abstractas generalmente no tienen una imagen visual sólida (tanto la factura como la oferta podrían representarse como documentos en papel, pero ¿cómo los distinguiría?). del mismo modo, los iconos son particularmente malos para las acciones (por ejemplo, guardar, publicar); es difícil mostrar claramente un proceso con una imagen. sí, los iconos se usan todo el tiempo en las barras de herramientas para las acciones, pero las barras de herramientas estaban destinadas a expertos, y sin embargo, los usuarios se confunden con frecuencia (en promedio, <a href="https://web.archive.org/web/20130207024524/http://www.humanfactors.com/downloads/askericarchivebusiness2004.asp">los usuarios conocen solo seis elementos de la barra de herramientas de word</a> después de usar word regularmente por <em> dos años </em>).</p><p>los iconos pueden ahorrar espacio sobre el texto, pero al precio del reconocimiento. para iconos pequeños, como 16x16 píxeles, es muy difícil para los usuarios incluso reconocer de qué se supone que son una imagen, y mucho menos qué se supone que representa la imagen. un usuario que conozco pensó que el icono de "disco" para guardar era una imagen de un televisor. (era lo suficientemente mayor como para saber qué era un disquete). personalmente utilicé word durante años pensando que el ícono track changes era una especie de rosetta stone estilizada. a los usuarios expertos les resulta más fácil <a href="http://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/">confíe en la posición física memorizada</a> de los controles de la barra de herramientas en lugar de las etiquetas de los iconos para elegir un control. los íconos más grandes (por ejemplo, al menos 32 por 32 píxeles) pueden ayudar al reconocimiento, pero ocupan tanto espacio que es mejor usar el espacio para una etiqueta de texto clara. si el espacio es limitado, a menudo es mejor usar texto abreviado que iconos.</p><p>es extraordinariamente difícil acertar con los íconos. no intente desarrollar un nuevo icono sin extensas iteraciones de pruebas de usuario. incluso entonces, puedes fallar. los diseñadores de microsoft intentaron todo para hacer íconos interpretables para la barra de herramientas de outlook antes <a href="http://blogs.msdn.com/jensenh/archive/2005/11/01/487661.aspx">renunciar y seguir con etiquetas de texto</a> en los controles clave.</p><p>las etiquetas de iconos también dificultan el soporte técnico (por ejemplo, "haga clic en la hoja amarilla con una marca de verificación azul", en lugar de "haga clic en" aceptar "").</p><p>como regla general, los íconos solo deben permitirse cuando se aplican al menos dos de las siguientes tres condiciones:</p><ol> <li> <p>el espacio es muy limitado (es decir, demasiado pequeño para texto solo).</p> </li> <li> <p>los iconos están estandarizados (por ejemplo, la imagen del disquete para guardar)</p> </li> <li> <p>el ícono representa un objeto con un fuerte atributo análogo físico o visual (por ejemplo, un ícono de impresora para acceder a los atributos de la impresora, o un rectángulo rojo para establecer un fondo de página rojo).</p> </li> </ol><p>la información sobre herramientas es necesaria para los iconos cuando se usan solos, pero son un mal sustituto de las etiquetas de texto. sus usuarios no deberían tener que usar su aplicación buscando cosas. el hecho de que las etiquetas de texto nunca necesiten información sobre herramientas gráficas es una pista bastante buena de que el texto es mejor que los iconos.</p><p>si el espacio lo permite, los iconos combinados con texto son los mejores. (creo que hubo investigaciones que muestran esto desde fines de la década de 1980, pero no puedo encontrarlo). el uso selectivo de iconos con texto hace que ciertos elementos se destaquen más o agreguen interés visual. también puede mejorar la escalabilidad de los elementos, pero las buenas etiquetas de texto también pueden hacerlo. se sabe que los usuarios piensan subjetivamente que una aplicación es más fácil si tiene íconos, incluso cuando en realidad no mejoran el rendimiento (ver wiedenbeck, 1999 citado anteriormente), por lo que esa es otra razón para combinar íconos y texto.</p><p>por lo general, veo el ícono arriba o a la izquierda de la etiqueta de texto. no creo que sea necesariamente inherentemente mejor que las alternativas, pero es una convención que también debes seguir si tienes controles uno al lado del otro para que el usuario pueda confiar en la experiencia para saber qué etiqueta de texto va con cada ícono.</p> hola
las páginas sociales son para que sean vistas por todos aquellos que deseen ver. al subir fotos nos exponemos a ser admirados, criticados y a que nos den todos los likes que las demás personas deseen dar. la distancia no es impedimento para una buena amistad y aprecio. <p>simplemente use la imagen separadora como imagen de fondo en la <code>li</code>.</p><p>para que solo aparezca entre los elementos de la lista, coloque la imagen a la izquierda de la <code>li</code>, pero no en la primera.</p><p>por ejemplo:</p><pre><code>#nav li + li { background:url('seperator.gif') no-repeat top left; padding-left: 10px } </code></pre><p>este css agrega la imagen a cada elemento de la lista que sigue a otro elemento de la lista; en otras palabras, todos ellos menos el primero.</p><p>nótese bien. tenga en cuenta que el selector<em> adyacente </em>(li + li) no funciona en ie6, por lo que tendrá que agregar la imagen de fondo al li convencional (con una hoja de estilo condicional) y tal vez aplicar un margen negativo a uno de los bordes.</p> No importa si tienes la Macbook Air o quizás la Macbook pro ambas viene de la misma empresa y poseen muchas características similares, con sus respectivas diferencias.


 


Ambas están en la capacidad de brindarte esta simple opción a la hora de que quieras obtener tu imagen de preferencia.


 


Mirate este tutorial que lo explica perfecto esto de copiar y pegar las imagenes en ordenadores Mac (MacBook Air, MacBook Pro etc.)


 


[Como copiar imagen en Mac Macbook Air o Macbook Pro](https://www.solvetic.com/tutoriales/article/5117-como-copiar-guardar-imagen-en-safari-mac/)


 


Te digo asi rapido los pasos:


* Lo primero que tienes que hacer es tener lista la imagen que desea copiar ya sea de cualquier web a través por ejemplo de “Safari” allí podrás acceder a innumerables sitios web y portales.


* Cuando ya la tengas seleccionada descargarla haciendo clic en el botón derecho y luego busca y presiona donde diga “Copiar imagen”.


* Entra en Word o programa de imagen donde lo quieras pegar y ahi lo puedes hacer ⌘ + V o haciendo botón derecho y pulsa en Pegar.


 


Esta es la forma de copiar y pegar una imagen en ambas Macbook, ya que ambas trabajan con el mismo sistema operativo, por lo que no tendrás ningún problema.


 


También tienes la posibilidad de hacer una captura de pantalla en tu Mac, sigue estos pasos donde tu selccionarás el pantallazo o captura de pantalla que quieres hacer de alguna imagen o lo que quieras que aparece en la pantalla de tu Mac y te lo quieres guardar como imagen en tu ordenador.


 


[Como hacer captura de pantalla macOS Mojave](https://www.solvetic.com/tutoriales/article/5580-como-hacer-pantallazo-en-macos-mojave/)


 


Siempre les recomiendo a todos mis amigos que no se desesperen con la Apple, y más si viene de un sistema tan sencillo como lo es la Android, en cuestión de teléfonos.


 


Ya que, para nadie es un secreto que trabajar con este sistema operativo (Apple) a veces se torna un tanto difícil ya que es muy complejo con un grado considerable de dificultad pero es solo cuestión de adaptarte a él.


 


Miraros estos tutoriales que lo explican bien para muchas cosas de Mac:


 


[Manuales y tutoriales Mac gratis](https://www.solvetic.com/tutoriales/category/37-mac/)


 


No lo compares con Windows y Android porque puede tornarse más difícil al momento de que quieras aprender a manejarlo.


 


Recuerda siempre que la Apple es un sistema operativo que brinda más exclusividad a todos sus clientes y sólo puedes conectarlos con otros dispositivos Apple nada más.


 


Pero en tu caso y en esta oportunidad tú lo que estás buscando es algo más simple, como lo es copiar y pegar una imagen, esta es una de las pocas cosas que suele ser relativamente más sencillo así que, ¡no te preocupes!.


 


Ponlo en práctica y avísame si te sirvió esta respuesta y con mis consejos.


 


Esto es todo por el momento amigo, te mando. Mucho saludos y ¡Suerte con tus Macbook!, realmente los dispositivos Apple son ¡una máquina! Hola buenas a mi me pasaba lo mismo y lo solucione y a un amigo tambien y le ayude a solucionarlo si quieres podemos intentar solucionarlo respecto a los iconos, fijate esto, anda a panel de control, pantalla, solapa escritorio, personalizar escritorio, solapa web, y fijate que no este tildado bloquear elementos del escritorio.