Tag: media queries

复杂媒体查询

So far, I’ve used only simple media queries, testing only one characteristic, but in some cases, I need more complex tests. This media query, only applies styles when the screen width, is greater than 500 pixels. And the screen width, has to also be less than 600 pixels. If we look at this altogether, our

断点 第 2 部分

Here’s a simple site, Skinny Ties. I’ve opened up Dev Tools in another window, so when I resize this, you’ll see the resolution show up right here. And like any responsible, responsive designer, I’m starting with a small mobile design. This one looks pretty clean. I’ll start expanding and at 480 pixels, I hit the

Responsive Web Design & Mobile First

Responsive Webdesign und Mobile First Vor 10 Jahren war die Welt noch einfach: Wenn man dort eine Webseite machen wollte, hat man die für irgendeine Version von Internet Explorer ausgelegt, für ein Monitorverhältnis von 4:3 und wahrscheinlich mit einer Auflösung von 1024×768 Pixeln. Irgendwann kamen dann andere Monitorformate hinzu, andere Auflösungen, andere Größen, auch andere