Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

Rev

7

@media screen and (max-width: 568px) and (max-height: 320px) {} - in my case this works correct

nosensus
– nosensus

2017-09-05 10:35:53 +00:00
Commented Sep 5, 2017 at 10:35
14

@nosensus, the comma implies an OR relationship, meaning either may be true for the rules to apply, as per the original question. The code you show is for an AND relationship in which both must be true for the rules to apply.

Drew Noakes
– Drew Noakes

2017-09-28 19:16:42 +00:00
Commented Sep 28, 2017 at 19:16
2

You are right. "AND" this is rule for both scale (height and width), because in some cases we need exactly such rule. Because you can have two devices for example 320x560 and 320x480 and device rotation will broke you make up. I mean "comma" and "AND" sign is have different means.

nosensus
– nosensus

2017-09-30 12:24:53 +00:00
Commented Sep 30, 2017 at 12:24

Add a comment |

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

Collectives™ on Stack Overflow