Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

hjälp med media queries!

Svara
2018-10-03, 19:42
  #1
mssoulstar
Medlem
jag har gjort en hemsida som jag vill ska "anpassa" sig om webbläsaren blir mindre än 750px. jag har en css mall som jag länkat till min html. i cssen har jag längst ner lagt till:

HTML-kod: 
@media only screen and (max-width: 700px)
{
.wrapper, #container, #header, #article, #sidebar, #container, #footer, {width: 100%;
float: none;}
}

ändå hamnar texten lite utanför "ramarna" vad är det jag har missat :S
Citera
2018-10-03, 20:52
  #2
BonaquaFish
Medlem
Har du lagt in denna meta tag i din <head> i html filen?
HTML-kod: 
<meta name="viewport" content="width=device-width, initial-scale=1">
Citera
2018-10-03, 22:23
  #3
Proton
Moderator
Protons avatar
Övriga språk --> Webbutveckling och javascript
/Moderator
Citera
2018-10-04, 08:47
  #4
mssoulstar
Medlem
nej har missat totalt att jag behöver en sån! :O... vad är det den gör? testade och nästan allt hamnar i mitten som det ska se ut utom en del i mitten :S
__________________
Senast redigerad av mssoulstar 2018-10-04 kl. 08:51.
Citera
2018-10-04, 09:02
  #5
BonaquaFish
Medlem
Här kan du läsa vad den gör.

Mvh
Citera
2018-10-04, 11:50
  #6
mssoulstar
Medlem
Citat:
Ursprungligen postat av BonaquaFish
Här kan du läsa vad den gör.

Mvh

tack så jätte mycket! =D
Citera
Svara

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback