我正在尝试找出是否可以更好地利用我的时间（现在和从长远来看）为我的移动网站制作单独的样式表（看起来会大不相同，但使用相同的数据库信息和元素），或者，创建一个全新的移动页面并从我的桌面站点窃取我需要的内容。
有没有人有建议或知道大多数开发人员在移动网站方面的做法？
问问题
3988 次
3 回答
8
您可以使用媒体查询。
<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />
或者在css3中
于 2012-08-12T22:54:20.550 回答
1
如今，许多网站都首先专注于移动设备，然后移植到用于桌面的完整 Web 应用程序。越来越多的仙人掌正在使用他们的手机浏览网页，而为移动设备设计的网站通常会比桌面网站支持移动浏览器更好地支持桌面。
我在这里阅读了关于HTML5岩石的 device.is：http://www.html5rocks.com/en/mobile/cross-device/
于 2012-08-12T22:59:57.713 回答
1
这里面有很多争议。我个人更喜欢媒体查询。而且它们并不太复杂，我将它们放在我的css文件中@media FOO and ( max-size: ### ) { /*stuff*/ }
通常像 m.domain.com 这样的“移动网站”通常是一个非常精简的版本。包含一些产品、信息和联系方式。
为什么仅仅因为某人使用较小的设备就隐藏其余有价值的站点信息？由于内容更多，加载时间可能会更长一些，只需确保您的超级重要内容在首屏即可。（或至少在抽签顺序中更高）
您还可以非常轻松地包括点击呼叫和点击使用媒体查询以特定大小出现的地图按钮。
于 2012-08-12T23:02:23.920 回答