如何开发宽度最小1024px的网页，响应式设计大于1024px？

Question

我必须开发一个网页。页面的所有内容都将位于称为容器的外部div中。

容器div的最小尺寸应为1024像素。即使视口大小小于1024px，容器div大小也应为1024px。

如果视口大小大于1024px，则应相应调整内容大小。

Answer 1

使用CSS min-width属性：

container {min-width: 1024px; }

Answer 2

/* CSS for 1024px or less */

@media (min-width: 1024px) {
   /* CSS for 1025px and above */
}