Responsive design 使最小宽度和最小设备宽度同时工作

这在我的iphone上有效

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

这在chrome中工作

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

---

我可以让它们在同一组规则上工作吗？

在查询中只使用最大宽度和最小宽度，除非您需要特定的小型设备样式。确保您正在使用

中的

标记，以使这些查询应用于小屏幕设备<代码>