HTML kod içerisinde responsive ekran tanımlama mümkün mü?

28-01-2021, 13:43:21

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaşlar HTML kodların içinde div tagına style tanımlaması yaparken burda ekran tanımlaması yapmak mümkün mü?

Örnek
<div class="container-fluid" style=" justify-content: space-between;">
burda alanları yanyana sıraladım ama mobilde alt alta gelsinler istiyorum, genel class ta tanımlama yaparsam diğer yerlerde de bunu uyguluyor ancak o bölümü bu şekilde özelleştirebildim.

Bu div için nasıl bir tanımlama yapmam lazım ?

Yardımcı olabilecek arkadaşlara şimdiden teşekkür ediyorum.

bu pc görüntü

bu mobil görüntü

28-01-2021, 13:47:46

#2

Halilahmad

başlık içeriği ve buton alta mı gelsin mobil de ?

28-01-2021, 13:48:55

#3

Grafiker312

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

başlık içeriği ve buton alta mı gelsin mobil de ?

Aynen dostum, mobilde resim başlık içerik buton alt alta gelsin istiyorum

28-01-2021, 13:50:03

#4

mustafas3rhat

Merhaba o kısım icin div e özel bir class atayabilir ve css dosyanızda ona göre kodları yazabilirsiniz.

28-01-2021, 13:50:35

#5

HidemYas

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

Arkadaşlar HTML kodların içinde div tagına style tanımlaması yaparken burda ekran tanımlaması yapmak mümkün mü?

Örnek
<div class="container-fluid" style=" justify-content: space-between;">
burda alanları yanyana sıraladım ama mobilde alt alta gelsinler istiyorum, genel class ta tanımlama yaparsam diğer yerlerde de bunu uyguluyor ancak o bölümü bu şekilde özelleştirebildim.

Bu div için nasıl bir tanımlama yapmam lazım ?

Yardımcı olabilecek arkadaşlara şimdiden teşekkür ediyorum.

bu pc görüntü

bu mobil görüntü

responsive ayarları için html tarafından meta kodu tanımlayın tanımladıktan sonra css tarafından ise @ media sorgusunu kullanın kulanırken cihaz aralığını seçin ve img: değerlerini display:block; yapın

28-01-2021, 13:54:56

#6

Grafiker312

Ben aslında şurda yanıldım sanırım container-fluid genel bir bootstrap sınıfı da, bunu container-fluid-2 olarak değiştirirsem sanki özelliği kaybolurmuş gibi algıladım, ama böyle değil sanırım, birazdan deneyeceğim

28-01-2021, 13:57:49

#7

waptayiz

@media etiketi inline olarak satır içinde kullanılmıyor. O kapsayıcıya bir class vererek <style></style> içinde veya bir css dosyasına tanımlayarak işlem yapabilirsiniz.