Aşağıdaki kodu mobile nasıl uyarlarım.
Yani mobilde taşmasın. Ekran boyutun da küçülsün.
Bu resmi mobile nasıl uyarlarım? |
12 Mesajlar | 1.288 Okunma | ||
- Üyelik 16.05.2015
- Yaş/Cinsiyet 40 / E
- Meslek Web Designer
- Konum İstanbul Anadolu
- Ad Soyad N** Y**
- Mesajlar 845
- Beğeniler 0 / 107
- Ticaret 6, (%100)
Arkadaşlar basit bir sorum var.
Aşağıdaki kodu mobile nasıl uyarlarım.
Yani mobilde taşmasın. Ekran boyutun da küçülsün.
Aşağıdaki kodu mobile nasıl uyarlarım.
Yani mobilde taşmasın. Ekran boyutun da küçülsün.
- Üyelik 02.06.2016
- Yaş/Cinsiyet 41 / E
- Meslek Software
- Konum Adana
- Ad Soyad K** A**
- Mesajlar 704
- Beğeniler 101 / 147
- Ticaret 34, (%100)
bu şekilde dene bakalım.
- Üyelik 16.05.2015
- Yaş/Cinsiyet 40 / E
- Meslek Web Designer
- Konum İstanbul Anadolu
- Ad Soyad N** Y**
- Mesajlar 845
- Beğeniler 0 / 107
- Ticaret 6, (%100)
dnaz helal olsun hocam :)
Cuk oturdu, çok teşekkür ediyorum.
Cuk oturdu, çok teşekkür ediyorum.
- Üyelik 16.05.2015
- Yaş/Cinsiyet 40 / E
- Meslek Web Designer
- Konum İstanbul Anadolu
- Ad Soyad N** Y**
- Mesajlar 845
- Beğeniler 0 / 107
- Ticaret 6, (%100)
Ek Olarak: dnaz Bu seferde masaüstünde boydan boya uzadı hocam :)
- Üyelik 02.06.2016
- Yaş/Cinsiyet 41 / E
- Meslek Software
- Konum Adana
- Ad Soyad K** A**
- Mesajlar 704
- Beğeniler 101 / 147
- Ticaret 34, (%100)
evet öyle olur. Bu kodları bir class içerisinde tanımlamalısın. Max-width değeri ile mobil için yukarıdaki şekilde, geniş ekran için ilk halini kullanmalısın.
- Üyelik 16.05.2015
- Yaş/Cinsiyet 40 / E
- Meslek Web Designer
- Konum İstanbul Anadolu
- Ad Soyad N** Y**
- Mesajlar 845
- Beğeniler 0 / 107
- Ticaret 6, (%100)
dnaz Pekte anlamam zor işlermiş hiç girmeyeyim o toplara ben :)
- Üyelik 02.06.2016
- Yaş/Cinsiyet 41 / E
- Meslek Software
- Konum Adana
- Ad Soyad K** A**
- Mesajlar 704
- Beğeniler 101 / 147
- Ticaret 34, (%100)
:) Zor değil aslında site adresin ne ? Bir bakayım uyumadan yazayım.
- Üyelik 16.05.2015
- Yaş/Cinsiyet 40 / E
- Meslek Web Designer
- Konum İstanbul Anadolu
- Ad Soyad N** Y**
- Mesajlar 845
- Beğeniler 0 / 107
- Ticaret 6, (%100)
dnaz PM olarak gönderdim hocam :)
- Üyelik 02.06.2016
- Yaş/Cinsiyet 41 / E
- Meslek Software
- Konum Adana
- Ad Soyad K** A**
- Mesajlar 704
- Beğeniler 101 / 147
- Ticaret 34, (%100)
Önce yukarıdaki kodu aşağıdaki şekilde değiştir.
Bu şekilde resmi göstereceksin.Daha sonra speedtest.css dosyasına en alta aşağıdaki kodları ekle.
.res img{
width:1150px;
height:20px;
}
@media only screen and (max-width: 1150px) {
.res img {
width:100%;
height:auto;
}
}
şimdi dene bakalım.
Bu şekilde resmi göstereceksin.Daha sonra speedtest.css dosyasına en alta aşağıdaki kodları ekle.
.res img{
width:1150px;
height:20px;
}
@media only screen and (max-width: 1150px) {
.res img {
width:100%;
height:auto;
}
}
şimdi dene bakalım.
- Üyelik 16.05.2015
- Yaş/Cinsiyet 40 / E
- Meslek Web Designer
- Konum İstanbul Anadolu
- Ad Soyad N** Y**
- Mesajlar 845
- Beğeniler 0 / 107
- Ticaret 6, (%100)
dnaz yok hocam mobilde kocaman.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)