单独的移动CSS表单与单独的移动页面？

我试图找出是否它会更好地利用我的时间（现在和长期）为我的移动网站制作单独的样式表（它将看起来截然不同，但使用相同的数据库信息和元素），或，使一个全新的移动页面和窃取我需要从我的桌面网站。单独的移动CSS表单与单独的移动页面？

有没有人有建议或知道大多数开发者在移动网站上的做法？

2012-08-12 d-_-b

您可以使用媒体查询。

<link rel="stylesheet" media="screen" href="style.css" type="text/css" /> 
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />

或者在CSS3

http://www.w3.org/TR/css3-mediaqueries/

来源

2012-08-12 22:54:20 Genosite

谢谢。媒体标签在拿起移动浏览器时有多准确？大多数现代设备是否认识到这一点，还是我仍然需要使用PHP重定向不支持的设备？ – 2012-08-12 23:23:08

很多这几天都集中在移动第一的网站，然后移植到台式机一个完整的Web应用程序。越来越多的peyote正在使用他们的手机浏览网页，一个专为手机设计的网站通常会支持台式机，而桌面网站将支持移动浏览器。

我读到device.is在HTML5岩石这里：http://www.html5rocks.com/en/mobile/cross-device/

来源

2012-08-12 22:59:57

有很多的争论在。我个人更喜欢媒体查询。它不是太复杂，我把它们放在我的css文件中使用@media FOO and (max-size: ###) { /*stuff*/ }

“移动网站”通常像m.domain.com，通常是一个非常精简的版本。包含一些产品，信息和联系方式。

为什么只是因为有人在一个较小的设备上而隐藏了其他宝贵的网站信息？加载时间可能会更长一些，因为内容更多，只要确保你超级重要的东西超出了这个倍数。（或者至少在绘图顺序中更高）

您还可以非常轻松地包含点击呼叫并单击以使用媒体查询以特定大小显示的地图按钮。

来源

2012-08-12 23:02:23 Xhynk

谢谢。非常有用的答案！ – 2012-08-12 23:03:27

单独的移动CSS表单与单独的移动页面？

回答

相关问题