---
title: "Responsive media queries"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/189755-responsive-media-queries"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "AndersSkold"
published: "2012-05-10T19:10:35.000Z"
updated: "2012-05-11T08:13:05.000Z"
replies: 2
views: 775
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/189755-responsive-media-queries"
---

# Responsive media queries

## #1 — AndersSkold, 2012-05-10T19:10Z

Hej 

Jag sitter och testar lite responsive webbdesign.
Jag undrar om det är så att om man väljer Margin-top 5% på ett objekt för typ min-width 480 så blir det även på 768 queries, då måste jag sätta även Margin-top 0 för den, är det alltid så? Eller har jag gjort något fel?

Permalänk: https://www.webforum.nu/p/189755

## #2 — jawbreaker, 2012-05-10T19:27Z

Hej!

Ja, flera mediaqueries kan matchas samtidigt. Är webbläsarfönstret exempelvis 1000px brett så är ju fönstret både minst 480px och minst 768px, så det är logiskt att båda dina mediaqueries används om du bara begränsar med min-width.

Det går att lägga till ytterligare begränsningar dock:

```
@media screen and (min-width: 480px) and (max-width: 767px) {
	...
}

@media screen and (min-width: 768px) {
	...
}
```

Då används inte de båda blocken samtidigt.

Permalänk: https://www.webforum.nu/p/2298380

## #3 — AndersSkold, 2012-05-11T08:13Z

Tackar

Permalänk: https://www.webforum.nu/p/2298404

---

Tråden på webben: https://www.webforum.nu/amne/html-css/189755-responsive-media-queries