html - 适用于不同浏览器的可扩展 HTML 表单

Question

为不同的浏览器和屏幕尺寸（手机浏览器、iDevices、桌面等）创建可扩展表单的正确方法是什么？或者唯一的方法是为彼此创建特定页面？

我有一项任务是创建一个简单的图像上传和电子邮件发送表单。该表单用于不同的设备，我希望所有表单元素（按钮等）在每个浏览器中都可以正确缩放和调整大小。

score 2 · Accepted Answer

通过使用 css 媒体查询...基本上在您的 css 文件中，您可以设置一定宽度的浏览器窗口，并在该 css 块中放置正确的样式：

@media (max-width: 699px) and (min-width: 520px) {
  body {
    background: red;
  }
}

每当浏览器窗口的宽度在 520px 和 699px 之间时，主体背景将是红色的

1 回答 1