0 votos

10.1 de Safari no muestra la página correctamente:

Safari 10.1 no visualizar la página correctamente en la parte que la imagen y el título, lo que supone estar en el medio y se muestran correctamente en la Feria de Fox y Chrome muestra en el lateral de la pantalla.

Me parece similar a la pregunta (ver enlace más abajo):

https://discussions.apple.com/message/31621999#31621999

La propuesta de solución es Restaurar las Fuentes Estándar:

"Trate De Aplicaciones > Font Book > Archivo > Restaurar Las Fuentes Estándar"

Pero no pude encontrar donde en Aplicaciones > Fuente de Archivo de la Libreta encuentra.

Cómo encontrar/o usar otra solución para arreglar los problemas de formato en Safari 10.1?

gracias.

enter image description here

//EDITADO

<style type="text/css">
    .pics-wrapper {           
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex; 
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.pics-wrapper: width: 851px;

table {             
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.left-pics p,
.right-pics p 
.bottom-pic p
{            
  display: -ms-flexbox;      
  display: -webkit-flex;     
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;

}

.left-pics img,
.right-pics img 
.bottom-pic img
{
  padding:2px;
}



@media (max-width:960px) {
 .left-pics p,
 .right-pics p 
 .bottom-pic p
 {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
 }
   }

1voto

siva Puntos 23

Parece que he topado con un bug con el Safari procesador. El tamaño de la ventana verticalmente y la página se ajusta correctamente. Cambiar el tamaño horizontal y la página se extiende horizontalmente de forma incorrecta. Me gustaría evitar el uso de tablas para maquetar, y se adhieren a el uso de flex.

Extracto de la imagen de la tabla de diseño. Vuelva a colocar la siguiente a partir de su código:

<table id="Table_01" border="0" width="851" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="2">&nbsp;</td>
    <td colspan="7" rowspan="9"><img id="biggest_one" style="display: block; margin-left: auto; margin-right: auto;" src="https://www.nycgo.com/images/uploads/homepage/Empire-State-Building-Observatory-Tom-Perry-2618.jpg" alt="" width="480" height="640" name="biggest_one"
      /></td>
    <td colspan="2" rowspan="10">&nbsp;</td>
    <td><img src="photo_over/spacer.gif" alt="" width="1" height="3" /></td>
  </tr>
</table>

con la siguiente:

<img id="biggest_one" style="display: block; margin-left: auto; margin-right: auto;" src="https://www.nycgo.com/images/uploads/homepage/Empire-State-Building-Observatory-Tom-Perry-2618.jpg" alt="" width="480" height="640" name="biggest_one">

A continuación, agregue el siguiente CSS a .pics-wrapper: width: 851px;.


La solución mencionada en el enlace (no es que resolvería el problema aquí, pero es algo que usted pidió) es como sigue:

  1. Abra la Fuente de Libro de la aplicación de la carpeta de Aplicaciones.

  2. Elija el menú Archivo seguido por la Restauración de Fuentes Estándar.

AppleAyuda.com

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.

Powered by:

X