- Katılım
- 6 Temmuz 2013
- Mesajlar
- 1.752
- Makaleler
- 1
- Çözümler
- 3
Daha fazla
- Cinsiyet
- Erkek
Arkadaşlar yaptığım örnek site için responsive kısmını halledeyim dedim. !important'ı dahi kullandım. Tarayıcı küçüldüğünde F12 geliştirici kısmından bakıyorum, inherited from html diyor. Bir şeyi unuttum, ya da yanlış yaptım ama fark edemedim. Zamanı olan biri bakarsa çok sevinirim, başımı ağrıttı şu olay.
Hiçbir breakpoint'te bu font-size'lar ve (sonradan denediğim) width değerleri etkili olmuyor. İşaretlediğim gibi inherited from html yazıyor. Kod sıralamasında mı yanlış var anlamadım.
CSS:
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
a {
text-decoration: none;
color: black;
}
html {
font-size: 10px;
}
body {
line-height: 1.5;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: .5rem;
padding-right: .5rem;
}
@media only screen and (min-width: 576px) {
.container {
max-width: 540px;
}
html {
font-size: 7px;
}
}
@media only screen and (min-width: 768px) {
.container {
max-width: 720px;
}
html {
font-size: 8px;
}
.prg {
width: 15%;
}
}
@media only screen and (min-width: 992px) {
.container {
max-width: 960px;
}
html {
font-size: 9px;
}
.prg {
width: 16%;
}
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1140px;
}
html {
font-size: 10px;
}
}Hiçbir breakpoint'te bu font-size'lar ve (sonradan denediğim) width değerleri etkili olmuyor. İşaretlediğim gibi inherited from html yazıyor. Kod sıralamasında mı yanlış var anlamadım.
Son düzenleyen: Moderatör:
