Css Zoom %110 v.b Tarayıcı problemi

26.02.2015 19:52

yemrekomurcu WM Aracı Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek grafiker
Konum İstanbul Avrupa

Ad Soyad Y** K**
Mesajlar 143
Beğeniler 60 / 5
Ticaret 1, (%100)

Arkadaşlar merhabalar web sitesi üzerinde denemeler yapıyorum fakat chrome'de zoom %110 120 gibi artırdığım zaman veya ufaltığım zaman %60 70 gibi yazının div içinden text'in fırladığını fark ettim bu konu da internetten araştırdığım kodları denedim fakat sonuç'a ulaşamadım bu konu da bilgisi olan varsa sevinirim.Ek olarak çok iyi değilim uğraşma aşamalarındayım.
Gerekli fotoğraf ve kod
Html

DOKTORLARIMIZ


Kard.Doç.Dr.Yüksel DOĞAN
Kard.Doç.Dr.Yüksel DOĞAN'nın özgeçmişine bakmak için başlığa tıklayınız.

CSS

#doktorsag{width:220px;float:left;margin-left:660px;height:230px;margin-top:-293px; display: block;}
#doktorbas{background:url(../images/arkaplandoktor.PNG);width:220px;height:40px; border-radius:10px 10px 10px 10px; display: block;}
.drbas{font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;font-style: normal;color: #000;padding:15px 55px;font-weight:bold; display: block;}
.doktorres{background:url(../images/drres.jpg);width:62px;height:70px; background-repeat:no-repeat;border:0,20px solid #000; border-radius: 10px 10px 10px 10px;margin-top:5px;}
.doktorad{font-family: Verdana, Geneva, sans-serif;font-size: 11px;font-style: normal;font-weight: bold;color:#F00;padding:0px 20px 30px 65px;}
.drac {font-family: Georgia, "Times New Roman", Times, serif;font-size: 9px;font-weight: bold;color: #000;height:70px;width:100px;margin-top:2px;}
.drtan{float:left;height:95px;width:220px;margin-top:5px;border-bottom-width: thin;border-bottom-style: dashed;border-bottom-color: #630;}

Orjinal Resim

Anlatmak istediği resim

Yardımcı olanlara şimdiden teşekkür ederim

27.02.2015 00:30

#2

hsynbyr Redefining Web 4 More Kullanıcı

Üyelik 25.02.2015
Yaş/Cinsiyet 39 / E
Meslek Yazılım Mühendisi
Konum İstanbul Avrupa

Ad Soyad H** B**
Mesajlar 4
Beğeniler 0 / 0
Ticaret 0, (%0)

Selamlar;

Sorununuz viewport ile çözülebilir.
.doktorad
.drac

bu ikisinde fontsize px yerine viewport için kullanılan max. ve min. değer girebilirsiniz.
Detaylı bilgi için linki inceleyebilirsiniz.

https://css-tricks.com/viewport-sized-typography/

De ki, hiç bilenlerle bilmeyenler bir olur mu? Bilen elbette kıymetlidir. - Zümer Sr. 9.

27.02.2015 00:48

#3

yemrekomurcu WM Aracı Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek grafiker
Konum İstanbul Avrupa

Ad Soyad Y** K**
Mesajlar 143
Beğeniler 60 / 5
Ticaret 1, (%100)

hsynbyr adlı üyeden alıntı

Selamlar;

Sorununuz viewport ile çözülebilir.
.doktorad
.drac

bu ikisinde fontsize px yerine viewport için kullanılan max. ve min. değer girebilirsiniz.
Detaylı bilgi için linki inceleyebilirsiniz.

https://css-tricks.com/viewport-sized-typography/

Teşekkür ederim inceliyorum hemen.

Ek Olarak: Dediğiniz işlemi yaptım fakat bir değişiklik olmadı ekran zoom artırınca veya düşürünce aynı hatayı alıyorum yazı bozuluyor.

27.02.2015 15:34

#4

fatihclkl WM Aracı Kullanıcı

Üyelik 30.10.2013
Yaş/Cinsiyet 29 / E
Meslek Back-End Developer
Konum İstanbul Anadolu

Ad Soyad F** Ç**
Mesajlar 469
Beğeniler 162 / 43
Ticaret 8, (%100)

yemrekomurcu adlı üyeden alıntı

Teşekkür ederim inceliyorum hemen.

Ek Olarak: Dediğiniz işlemi yaptım fakat bir değişiklik olmadı ekran zoom artırınca veya düşürünce aynı hatayı alıyorum yazı bozuluyor.

position:fixed ile sbaitlerseniz sorununuz çözülmüş olabilir.

27.02.2015 15:46

#5

yemrekomurcu WM Aracı Kullanıcı

Üyelik 14.12.2013
Yaş/Cinsiyet 32 / E
Meslek grafiker
Konum İstanbul Avrupa

Ad Soyad Y** K**
Mesajlar 143
Beğeniler 60 / 5
Ticaret 1, (%100)

fatihclkl adlı üyeden alıntı

position:fixed ile sbaitlerseniz sorununuz çözülmüş olabilir.

Dediğiniz yaptım gerek genel yazı div ine ve yazıyı koyduğum div'in css yazdım fakat sonuç vermedi

Css Zoom %110 v.b Tarayıcı problemi

Üye Girişi Yap