lostyazilim
tr.link

CSS ve HTML responsive

7 Mesajlar 784 Okunma
acebozum
tr.link

Maliksenpai Maliksenpai WM Aracı Kullanıcı
  • Üyelik 22.12.2018
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 9
  • Beğeniler 4 / 1
  • Ticaret 0, (%0)

Sitemi yazdıktan sonra telefon için uyumlu hale getirirken bi sıkıntı farkettim.Örneğin note 3 telefonu için 360-640'lık bir ekran yazıyordu firefoxda responsive modda bakarken güzel duruyo ama kendi note 3 telefonumla siteye girerken responsiveye benzemediğini farkettim.Ciddi manada bir fark var normalde hareket etmemesi gereken site aşağıya felan kayabiliyor.Bu iki görüntü farkını nasıl düzeltebilirim?

 

 

wmaraci
reklam

carasar carasar All ızz well... Kullanıcı
  • Üyelik 29.10.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğretmen
  • Konum Konya
  • Ad Soyad O** K**
  • Mesajlar 1116
  • Beğeniler 499 / 498
  • Ticaret 16, (%100)
css media fonksiyonunu kullanabilirsiniz. Ekran boyutlarına göre nasıl görünmesini isterseniz fonksiyonun süslü parantezleri arasina o css kodlarını yazarsınız.
 

 

Maliksenpai Maliksenpai WM Aracı Kullanıcı
  • Üyelik 22.12.2018
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 9
  • Beğeniler 4 / 1
  • Ticaret 0, (%0)
Yo zaten öyle yapıyorum mesela width'ı 480dan az olanlar için kod yazıyorum bakıyorum firefox'tan telefon görüntüsü olarak felan güzel duruyo ama gerçek telefonda uyuşmuyo onlar.
 

 

carasar carasar All ızz well... Kullanıcı
  • Üyelik 29.10.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğretmen
  • Konum Konya
  • Ad Soyad O** K**
  • Mesajlar 1116
  • Beğeniler 499 / 498
  • Ticaret 16, (%100)
Firefox yerine chrome ile deneyin hocam bir de.
 

 

wmaraci
wmaraci

owuzan owuzan WM Aracı Kullanıcı
  • Üyelik 06.05.2017
  • Yaş/Cinsiyet 28 / E
  • Meslek Serbest
  • Konum Kocaeli
  • Ad Soyad O** Y**
  • Mesajlar 223
  • Beğeniler 82 / 59
  • Ticaret 4, (%100)
Eğer bilgisayarda Firefox ile deniyorsanız telefonda da Firefox ile deneyin. Her tarayıcı az da olsa birbirinden farklı yorumlayabilir. Tavsiyem bütün işlemlerini Chrome'a göre yapın. Bunun sebebi ise en çok kullanılan tarayıcının Google Chrome olması.
 

 

Kişisel Yazılım Blogu: https://oguzhan.dev/

Escalous Escalous Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 09.08.2018
  • Yaş/Cinsiyet 24 / E
  • Meslek (.*?)
  • Konum Diğer
  • Ad Soyad A** Ş**
  • Mesajlar 1392
  • Beğeniler 421 / 799
  • Ticaret 4, (%100)
%'lik değerler kullanıyor olabilirsiniz. Ayriyetten tarayıcılara özel CSS de kullanabilirsiniz
 

 

Hayalperest Hayalperest WM Aracı Kullanıcı
  • Üyelik 22.01.2014
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum İzmir
  • Ad Soyad C** K**
  • Mesajlar 6
  • Beğeniler 6 / 4
  • Ticaret 0, (%0)
Bahsettiğiniz fark çözünürlükler arasındaysa @media ile düzeltilebilir. Eğer tarayıcılar arasındaysa normalize.css'i kullanmayı deneyebilirsiniz.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al