适用于桌面和移动浏览器的 html5 样板站点

Question

我创建了一个非常简单的站点，它有一个导航栏和一组静态页面。我使用 html5boilerplate 作为起点，然后添加了我的页面。它在桌面浏览器上看起来很棒！

我现在希望同一个网站在移动设备上看起来也不错。我运行跨越了html5boilerplate/mobile版本。所以我想知道，您是否希望为移动设备创建一个完全独立的网站？

我想知道是否只有 CSS 技巧可以用来渲染桌面和移动设备。

关于让网站在桌面和移动设备上看起来都不错的建议？

Answer 1

如果您关心移动兼容性，我建议您研究一个框架。其中一个比较流行的是 Bootstrap.

它的工作方式是检查浏览器大小并相应地调整 CSS，以便页面在移动设备和桌面设备上仍能很好地呈现。