如何制作网站多平台设备?

How to make website multi-platform devices?

我正在使用 Macrowave Dreamweaver 8。我需要在所有设备上显示我的网站。我有一个 index.css 包含桌面样式,还有一个 index_mobile.css 是 sheet 移动设备的样式。

我将 display:none 用于 index_mobile.css 中未在移动版本上使用的所有 div。比在我的 index.htm 我设置:

@import url (LAYOUT/index.css);
@import url(LAYOUT/index_mobile.css);

但这并没有改变什么。我错过了什么?

最简单和最好的方法是使用 bootstrap。看看 container rowscolumns。 Bootstrap 真的很容易使用,它会为你节省很多时间,它还带有组件,你可以通过用你自己的 CSS 覆盖 bootstrap CSS 来轻松设置样式].

使用 bootstrap 3 或最新的 bootstrap 4 beta。

Get started with Bootstrap 4 beta