Fotoğrafı Mobil Uyumlu Yapmak

Question

Merhabalar arkadaşlar,

Yukarıdaki anasayfa fotoğrafında göründüğü gibi, İnstagram Takipçi Satın Al butonu bilgisayardan girince güzel görünüyor onda sorun yok.
Fakat mobilden girince;

Buton dışarda görünüyor. Diğer butonların boyutları küçük olduğu için hem bilgisayardan girince küçük görünüyor,hemde telefonda.
Script bootstrap temalıdır.
Mobilden girilince, bu butonları nasıl mobil uyumlu yapabilirim? Ekrandan taşmıcak şekilde?

Tonks · Answer

ArmanHAN adlı üyeden alıntı:						mesajı görüntüle									Merhabalar arkadaşlar,


Yukarıdaki anasayfa fotoğrafında göründüğü gibi, İnstagram Takipçi Satın Al butonu bilgisayardan girince güzel görünüyor onda sorun yok.
Fakat mobilden girince;


Buton dışarda görünüyor. Diğer butonların boyutları küçük olduğu için hem bilgisayardan girince küçük görünüyor,hemde telefonda.
Script bootstrap temalıdır.
Mobilden girilince, bu butonları nasıl mobil uyumlu yapabilirim? Ekrandan taşmıcak şekilde?
 		resmin bulunduğu img etiketine img-responsive sınıfını ekleyin hocam. Sayfaya bootstrap dahilse etkili olacaktır.

metinciris · Answer

Hocam bozuk fotoğrafı değiştir. Enini aşağıdakiler gibi yap. Kodları şişirme

Tonks · Answer

Ö.M. ile sorduğun soruyu buradan cevaplayacağım hocam. Aynı sorunla karşılaşan arkadaşlarda çözümü bulabilsin diye. Normal kodun bu:

burada etiketine eklemelisin kodu, o da aşağıda ki şekilde olacaktır

ArmanHAN · Answer

Tonks adlı üyeden alıntı: mesajı görüntüle Ö.M. ile sorduğun soruyu buradan cevaplayacağım hocam. Aynı sorunla karşılaşan arkadaşlarda çözümü bulabilsin diye. Normal kodun bu:

burada etiketine eklemelisin kodu, o da aşağıda ki şekilde olacaktır

Ellerinize sağlık oldu. Mobilde uyumlu görünüyor Fakat şöyle bir sorun var. Kodlarda center olmasına rağmen, anasayfa aşşağıdaki gibi görünüyor. Ayrıca r10+ 'nızı verdim.

Tonks · Answer

ArmanHAN adlı üyeden alıntı: mesajı görüntüle

Ellerinize sağlık oldu. Mobilde uyumlu görünüyor

Fakat şöyle bir sorun var.
Kodlarda center olmasına rağmen, anasayfa aşşağıdaki gibi görünüyor. Ayrıca r10+ 'nızı verdim.

Kodunuzu yukarıda ki gibi değiştirin hocam. Bakın ortalanacak mı? Yeni bir değişiklik ekledim eğer ortalanırsa o değişiklikleri diğer resimlere de ekleyebilirsiniz. Edit: Eğer olmazsa genel dive text-align: center vermeniz gerekir ki şuan düşündüm büyük ihtimalle olmayacaktır ya da responsive'i bozacaktır. Siz yine de deneyin. Olmazsa tekrar bakarız.

ArmanHAN · Answer

Tonks adlı üyeden alıntı: mesajı görüntüle

Kodunuzu yukarıda ki gibi değiştirin hocam. Bakın ortalanacak mı? Yeni bir değişiklik ekledim eğer ortalanırsa o değişiklikleri diğer resimlere de ekleyebilirsiniz. Edit: Eğer olmazsa genel dive text-align: center vermeniz gerekir ki şuan düşündüm büyük ihtimalle olmayacaktır ya da responsive'i bozacaktır. Siz yine de deneyin. Olmazsa tekrar bakarız. Sayfa ortalandı hocam. Mobildende normal görünüyor şuan. Çok teşekkür ederim.

Tonks · Answer

ArmanHAN adlı üyeden alıntı:						mesajı görüntüle									Sayfa ortalandı hocam. Mobildende normal görünüyor şuan. Çok teşekkür ederim. 		Rica ederim, iyi çalışmalar.