Safari 10.1 sayfayı doğru görüntülemiyor:

Safari 10.1, ortada olması beklenen resim ve başlığın ekranın yanında görüntülenen Fair Fox ve Chrome'da düzgün şekilde görüntülendiği bölümü sayfayı doğru görüntülemiyor.

Apple Toplulukları'nda da benzer bir soru buluyorum:

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

Önerilen çözüm Standart Yazı Tiplerini Geri Yüklemektir:

Try Applications> Font Book> File>Restore Standard Fonts

Fakat nerede olduğunu Applications> bulamadım Font Book File.

Safari 10.1'deki biçimlendirme sorunlarını çözmek için onu nasıl bulabilir veya başka bir çözümde kullanabilirim?

// DÜZENLENMİŞ

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

macos display safari

— kullanıcı
kaynak

Sorun yaşadığınız sayfanın bağlantısını paylaşır mısınız?

— grg

Alttaki küçük resim ortada değil ve soldaki resimler görünmüyor. diğer tarayıcılarda böyle bir sorun yoktur: sfreorealty.com/home/studentt.html

— Kullanıcı

Safari oluşturucuyla ilgili bir hatayla karşılaştınız. Pencereyi dikey olarak yeniden boyutlandırın ve sayfa doğru şekilde yeniden akıtılır. Yatay olarak yeniden boyutlandırın ve sayfa yatay olarak yanlış uzanıyor. Mizanpaj için tablo kullanmaktan kaçının ve esnek kullanmaya devam edin.

Görüntüyü tablo düzeninden çıkarın. Aşağıdakileri kodunuzdan değiştirin:

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

Takip ederek:

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

Ardından aşağıdaki CSS eklemek .pics-wrapper: width: 851px;.

Bağlantınızda belirtilen çözüm (sorunu burada çözeceği değil, sorduğunuz şey) şöyledir:

Yazı Tipi Defteri uygulamasını Uygulamalar klasöründen açın.
Dosya menüsünü ve ardından Standart Yazı Tiplerini Geri Yükle'yi seçin.

— grg
kaynak

Bu çözüm işe yaramadı: önceki gibi aynı yanlış biçimlendirme.

— Kullanıcı

@Kullanıcı Evet, yazı tiplerini geri yüklemek, metin içeriğinin görüntülenmesiyle ilgili bir sorununuz olduğunda içindir. Bulunduğunuz yer sorunlarında hiçbir rol oynamıyorlar.

— Tom Gewecke,

Bu biçimlendirmeyi düzeltmek için bir fikrin var mı?

— Kullanıcı