响应式CSS不起作用(Responsive CSS doesn't work)

响应式CSS不起作用(Responsive CSS doesn't work)

你好朋友在堆栈溢出，我有一个问题。 我对低分辨率的响应式CSS不起作用，这是一个例子。

@media (min-width: 320px) and (max-width: 580px) { .post_wrap_bg { width: 460px; height: 460px; } } @media (min-width: 10px) and (max-width: 320px) { .post_wrap_bg { width: 360px; height: 360px; } }

> 320不起作用，我可能做错了什么？

hello guys at stack overflow, I have a problem. My responsive CSS for lower resolutions doesn't work, here is a example.

@media (min-width: 320px) and (max-width: 580px) { .post_wrap_bg { width: 460px; height: 460px; } } @media (min-width: 10px) and (max-width: 320px) { .post_wrap_bg { width: 360px; height: 360px; } }

the >320 doesn't work, what could I possible have done wrong?

最满意答案

你应该这样试试，

@media (min-width: 321px) and (max-width: 580px) { .post_wrap_bg { width: 460px; height: 460px; } } @media (min-width: 10px) and (max-width: 320px) { .post_wrap_bg { width: 360px; height: 360px; } }

You should try like this,

@media (min-width: 321px) and (max-width: 580px) { .post_wrap_bg { width: 460px; height: 460px; } } @media (min-width: 10px) and (max-width: 320px) { .post_wrap_bg { width: 360px; height: 360px; } }