CSS3响应式布局 - 我可以选择哪种方法？

jquery
css3

2012-03-21 38 views 0 likes

嗨，我正在做一个网站，这个网站有3个不同的样机桌面，平板电脑，智能手机..我可以使用respond.js识别宽度。CSS3响应式布局 - 我可以选择哪种方法？

但我的问题是如何将设计切换到适当的设备。我可以改变使用查询选择器的宽度和高度，但我怎么能改变页面的内容..

任何好主意。在早些时候，我下载了所有内容，并使用display：none来隐藏不需要的内容：我知道这是错误的。除了使用服务器端代码之外，哪种方法最好？

感谢

2012-03-21 3gwebtrain

[CSS媒体（http://webdesignerwall.com/tutorials/responsive-design-in-3-steps） [查询]（http://deanhume.com/Home/BlogPost/responsive-design-and-css3-media-queries/60）完全符合你所需要的JS。 – jolt 2012-03-22 07:42:23

回答

为您的所有样机类型的设计主题，在您的标记使用相同的CSS类。检查窗口大小的客户端，并根据窗口侧加载适当的主题。

来源

2012-03-21 13:26:28

你的意思是，内容洗牌，使用js？ – 3gwebtrain 2012-03-21 13:29:24

我的意思是在我看来你应该在你的客户端发现哪个样机主题适用后，用JS加载一个css文件。 JS应该加载正确的设计主题。设计主题通常是一组CSS文件。 – 2012-03-21 13:42:56

我认为明智地检测到移动浏览器用户代理字符串（服务器端）并相应地显示内容。

如果您使用PHP构建，请查看此awesome脚本。

用法是这样的：

if($isMobile){ 
    header('Location: http://m.youdomain.com/' . urlencode($_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'])); 
    exit(); 
}

还检查了Switcher

来源

2012-03-22 07:37:46 Starx

CSS3响应式布局 - 我可以选择哪种方法？

回答

相关问题