Responsive Tasarım
Sadece html ve css ile hem mobil hem de bütün çözünürlüklere uyarlı site nasıl yapılıyor halen anlamıyorum
Hele bir de bootstrap ile yapıyorlar onu hiç anlamıyorum .
Ben html ve css ile güzel bir şey yapıyorum ama işin bir de mobil tarafı var
Ben,hazır web sitemi nasıl responsive hale getirebilirim?
Uzman arkadaşlar daha iyi bilgi verebilirler ama kendi düşüncemi söylersem bootstraptan önce @media (max-width) ve (min-width) olayını çözmeye çalışmalısın
burda kafana yatınca bootstrap daki col-md col-xs col-lg bunların farkını anlayacaksın zaten bunun için de youtube dan video izleyerek çözebilirsin Tayfun Erbilen,
Arin yazılım, Fehmi Uyar kanallarında kesin bulursun ama 2 kelimeyle ben anlatayım kafanda yer edinsin
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
/* Örnek olarak min-with dediğinde genişliği 1500px ve üstüne etki etsin demiş olursun */
@media (min-width: 1500px) {
body{
background-color: purple;
}
}
/* max-with dediğinde ise genişliği 500px ve altına etki etsin demiş olursun */
@media (max-width: 500px) {
body{
background-color: yellow;
}
}
/* Burda ise genişliği 1200px'den aşağı ve 800px'den yüksek kısımları alır */
@media (max-width: 1200px) and (min-width: 800px) {
body{
background-color: orange;
}
}