www.maviyazar.com
<script></script>
<script></script>
<script></script>
Resmî tüm cihazlara uygun göstertmek? |
15 Mesajlar | 1.660 Okunma | ||
- Üyelik 03.10.2018
- Yaş/Cinsiyet 27 / K
- Meslek Webmaster
- Konum Yozgat
- Ad Soyad E** O**
- Mesajlar 117
- Beğeniler 31 / 39
- Ticaret 2, (%100)
merhaba arkadaşlar yeni blog yazmak için domain aldım site yapım aşamasında gayret içerisinde local host çalışıyorum bilgisayarım da ama geçici olarak bu kodlar ile bekletmek istiyorum sitemi ama bütün cihazlarda uyumlu şekilde otomatik boyut veremiyorum siteye ölçüler çok alakasız yardımcı olur musunuz ? ne yapmam gerekli sizce ?
www.maviyazar.com
mavi yazar yakında...
<script></script>
<script></script>
<script></script>
www.maviyazar.com
<script></script>
<script></script>
<script></script>
Windows Hatalar Çözümler Haberler MacOS,Linux,Programlar https://pcbilgim.com/
- Üyelik 05.04.2019
- Yaş/Cinsiyet 27 / E
- Meslek Ön muhasebeci
- Konum Adıyaman
- Ad Soyad R** O**
- Mesajlar 797
- Beğeniler 225 / 224
- Ticaret 0, (%0)
Açılmamış bir site günde 700.000 tane ziyaretçi girdiğini sanmıyorum bunun için önerim bırakın böyle kalsın siz siteyi ayarlayana kadar worpdress'in eklentilerinde bile site yapım aşamasındayken responsive çalışmıyor bir çoğu (bunun için zaman kaybetmeye değmez).
- Üyelik 03.10.2018
- Yaş/Cinsiyet 27 / K
- Meslek Webmaster
- Konum Yozgat
- Ad Soyad E** O**
- Mesajlar 117
- Beğeniler 31 / 39
- Ticaret 2, (%100)
joyned biliyorum evet amam ne olursa olsun kalite ve titizlikten yanayım elbet bir kod vardır her giren cihaza göre resim boyut alıp cihaza göre sığdırılmış vaziyette olabilir umarım biriside yardımcı olabilir bana :)
Windows Hatalar Çözümler Haberler MacOS,Linux,Programlar https://pcbilgim.com/
- Üyelik 28.03.2018
- Yaş/Cinsiyet 26 / E
- Meslek Bilişim
- Konum Denizli
- Ad Soyad S** K**
- Mesajlar 411
- Beğeniler 67 / 90
- Ticaret 0, (%0)
bunu dener misin ?
cihaz boyutlarına göre ayarlamayı sen yapacaksın
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
}
cihaz boyutlarına göre ayarlamayı sen yapacaksın
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
}
- Üyelik 03.10.2018
- Yaş/Cinsiyet 27 / K
- Meslek Webmaster
- Konum Yozgat
- Ad Soyad E** O**
- Mesajlar 117
- Beğeniler 31 / 39
- Ticaret 2, (%100)
srkn12 rica etsem verdiğim koda ekleyip öyle atabilir misin pek bir bilgim yok o koduda buradan bir arkadaşımızdan almıştım :(
Windows Hatalar Çözümler Haberler MacOS,Linux,Programlar https://pcbilgim.com/
- Üyelik 12.01.2019
- Yaş/Cinsiyet 31 / E
- Meslek Öğrenci
- Konum Tekirdağ
- Ad Soyad N** Ö**
- Mesajlar 271
- Beğeniler 36 / 81
- Ticaret 0, (%0)
img ile baslayan yeri bu sekilde degistirirmisiniz ?
- Üyelik 03.10.2018
- Yaş/Cinsiyet 27 / K
- Meslek Webmaster
- Konum Yozgat
- Ad Soyad E** O**
- Mesajlar 117
- Beğeniler 31 / 39
- Ticaret 2, (%100)
nozver çok teşekkür ederim valla oldu iphone 6s plus cihazında sığdı ama resim en yukarda gösteriyor tam ortalanmıyor yani yükseklik alçaklık bakımından onun için bir şey yapabilirmiyiz hocam ?
Windows Hatalar Çözümler Haberler MacOS,Linux,Programlar https://pcbilgim.com/
- Üyelik 05.04.2019
- Yaş/Cinsiyet 27 / E
- Meslek Ön muhasebeci
- Konum Adıyaman
- Ad Soyad R** O**
- Mesajlar 797
- Beğeniler 225 / 224
- Ticaret 0, (%0)
Ben gönderdim ama gözükmüyor kod olarak göndereceğim dosyayı kendiniz oluşturun.
style.css dosyası oluşturun içine
@media only screen and(max-width : 1200px) {
slide>.con>img{
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
Ekleyin sonra index html de title 'ın altına
Ekleyin bu kadar.
Style dosyası index ile aynı klasörde olmalı.
style.css dosyası oluşturun içine
@media only screen and(max-width : 1200px) {
slide>.con>img{
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
Ekleyin sonra index html de title 'ın altına
Ekleyin bu kadar.
Style dosyası index ile aynı klasörde olmalı.
- Üyelik 05.04.2019
- Yaş/Cinsiyet 27 / E
- Meslek Ön muhasebeci
- Konum Adıyaman
- Ad Soyad R** O**
- Mesajlar 797
- Beğeniler 225 / 224
- Ticaret 0, (%0)
Resim ortalanmaz çünkü background olarak eklememişsiniz ekleseniz olur büyük ihtimal ile.
- Üyelik 28.03.2018
- Yaş/Cinsiyet 26 / E
- Meslek Bilişim
- Konum Denizli
- Ad Soyad S** K**
- Mesajlar 411
- Beğeniler 67 / 90
- Ticaret 0, (%0)
srkn12 rica etsem verdiğim koda ekleyip öyle atabilir misin pek bir bilgim yok o koduda buradan bir arkadaşımızdan almıştım :(
mavi yazar yakında...
<script></script>
<script></script>
<script></script>
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)