仅适用于移动设备的 CSS

Question

我希望移动设备(iPhone)上的绿色和红色框变小:http://shop.cykel-expressen.dk/booking/

我以为这是代码，但它不工作，但不工作)):

@media all and (min-width:321px) and (max-width: 480px) .dopsp-body { .dopsp-body height: 50xp }

Answer 1

您在 (max-width: 480px) 之后缺少 {

@media all and (min-width:321px) and (max-width: 480px) {
  .dopsp-body { height: 50px }
}