Hay una manera de (preferiblemente estable -no importa si es difícil de configurar - pero te olvidas de una vez, de hecho) para hacer Safari visualización de imágenes centradas?
Quiero decir, si estás viendo una imagen www.blah.blah/blah.png (o .jpego .svg, o cualquier imagen), Safari alinea en la esquina superior izquierda. Me gustaría que se centra en la pantalla. Es eso posible?
Edificio en lhf's comentario anterior, al ver una imagen en Safari es en realidad todavía HTML debajo de la superficie, por lo que es posible aplicar una hoja de estilos personalizada. Esta declaración de estilo que debe hacer lo que quiera. Lo he probado en Safari 6.
html > body > img:first-child:last-of-type { display: block; margin: 0 auto; }
Tendrás que guardar esa línea, como un archivo con la extensión '.css', a continuación, elija a través de Safari en Preferencias → Avanzado → hoja de Estilo de ajuste.
He aquí la lógica que se utiliza para venir para arriba con el código.
Si hay un elemento <img> que es:
- un secundario directo de un elemento <body>, que es en sí mismo un elemento secundario directo de un elemento <html>
- el primer elemento dentro del elemento <body>
- el último elemento de ese tipo (es decir, <img>) dentro del elemento <body>
...entonces el centro mediante el establecimiento de los márgenes laterales se calculará automáticamente.
Es muy poco probable (aunque no imposible) que usted podría encontrar una página con solo una imagen que pasa a ser el primer elemento en la página, en cuyo caso, esta regla también es aplicable. Aparte de eso debería funcionar como se desea.
en otras palabras Safari chupa. He intentado usar CSS para el centro y la imagen verticalmente y horizontalmente en Safari y no funciona en una capacidad de respuesta de sitio. No obstante, el trabajo en FF, IE, Opera, Chrome y bien. Bueno, en realidad puede estáticamente centro de una imagen en Safari, pero no va a ser capaz de ser sensible y escala con el tamaño de la ventana y todavía ser compatible con otros navegadores..
Si desea genéricamente centro de una imagen que no quieres escalar, puede utilizar el siguiente css:
Vamos a pretender que la imagen es 200wx100h píxeles
<style type="text/css">
.exactCenter {
height:100px
width:200px;
position: fixed;
top:50%;
left:50%;
margin-left:-100px;
margin-top:-50px;
}
Los márgenes izquierdo y derecho son menos de la mitad de la anchura y altura de la imagen. el código Html en el Cuerpo se coloca en un div con la clase (.exactCenter):
<div class="exactCenter"><img src="img/your image.jpg" name="Logo" width="100%" id="Centered Image"></div>
Esto debería funcionar en Safari para centrar una imagen en la pantalla horizontal y verticalmente.
AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.
