Safari 10.1无法正确显示页面：

Safari 10.1无法正确显示页面，部分原因是图片和标题应位于中间，并在屏幕一侧显示的Fair Fox和Chrome上正确显示。

我在Apple社区发现了一个类似的问题：

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

建议的解决方案是恢复标准字体：

Try Applications> Font Book> File>Restore Standard Fonts

但我找不到在哪里 Applications>的Font Book File位置。

我如何找到它或在另一个解决方案中使用它来修复Safari 10.1中的格式问题？

// EDITED

<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;
 }
   }

您似乎遇到了Safari渲染器的错误。垂直调整窗口大小，页面正确回流。水平调整大小并且页面水平延伸不正确。我会避免使用表格进行布局并坚持使用flex。

从表格布局中提取图像。从代码中替换以下内容：

<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>

以下内容：

<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">

然后将以下CSS添加到.pics-wrapper：width: 851px;。

链接中提到的解决方案（不是它会解决问题，而是你要求的）如下：

1. 从Applications文件夹中打开Font Book应用程序。

   

2. 选择“文件”菜单，然后选择“恢复标准字体”。