css - 为不同屏幕尺寸构建网站的最佳实践

Question

构建网站的最佳实践是什么可以使用不同的屏幕尺寸进行编码，例如在调整浏览器大小时，甚至在查看专为桌面浏览器尺寸(例如 800X600 或更大)设计的布局时。我更像是一名后端开发人员，现在，我必须构建一个我想在其中使用 jquery Mobile 的 Web 应用程序。我只希望桌面的布局也发生变化。到目前为止，我只知道媒体类型。有没有更好的解决方案，比如框架之类的。谢谢

Answer 1

您可以在 css 中使用客户端媒体查询来指定行为

@media-query(最小宽度:320px) { .do_not_show_on_small { 显示:无}

MDN Media Query Info

或使用服务器后端并查看用户代理并发回不同的 html...

http://www.whatsmyuseragent.com/

然后是这样的服务器逻辑示例:

if (ff8) then
   send (browser_html.html)
else if (android os)
   sned (mobile_html.html)

(当然这可以是使用模板引擎的相同数据的不同模板)。