即将创建我的第一个移动网站，我不知道从哪里开始。这是一个简单的html / css网站，所以希望我能够快速整理。
如何根据访问者是否移动来告诉浏览器使用哪种样式表？
我习惯用我的文本编辑器和firebug来构建基本站点。我还需要其他工具吗？
我将使用我的直觉并创建一个大小流畅的移动网站，但可能有固定的字体大小。
是否有人可以指导我的指南或指示？有什么我需要特别注意的吗？清单？我试图让它尽可能简单。
什么是移动网站ABC？
答案 0 :(得分：2)
您可以使用@ media-queries构建网站，这样您就可以根据屏幕尺寸等定位不同的设备。您可以使用@ media-queries查看http://mediaqueri.es网站示例。我发现一个很棒的网站测试网站是http://www.responsinator.com/，因为您仍然可以在Chrome，Safari或Firefox中使用开发者工具。
如果您决定沿着这条路走下去，请查看Ethan Marcotte的书“自适应网页设计http://www.abookapart.com/products/responsive-web-design”。
答案 1 :(得分：1)
在理想的世界中，您可以通过定义“手持式”媒体样式表告诉移动浏览器使用移动样式表，如下所示：
<link rel="stylesheet" href="handheld.css" media="handheld"/>
不幸的是，这不适用于许多移动浏览器。为什么？提供配备浏览器的手机的手机供应商不希望被视为提供“ghettoized”移动互联网 - 只有桌面内容才足够。这意味着大多数制造商都会构建浏览器以故意忽略媒体类型。
相反，您必须根据用户代理嗅探（或将具有移动UA字符串的用户重定向到移动子域）来提供样式表。您必须在服务器级别执行此操作。
至于构建和调试 - 那里有移动模拟器，但它们的行为不完整，并且有很多设备。你可能不得不满足于只测试一些常见的平台，并尝试围绕最低的公分母进行设计。这意味着假设设备可能不够智能，无法下载无关CSS中指定的图像（因此不要尝试使用CSS媒体查询来调整大图像），或者设备可能无法执行javascript（大多数设备的JS处理能力差）
哦，还有一件事：如果你打算使用javascript，请尝试将你的方法包装在伪命名空间中。许多移动提供商拦截Web请求并插入自己的JS来替换需要大量带宽的图像和其他元素。通常，这些方法使用诸如“main”之类的通用名称，并且由于Javascript缺少名称空间而将与作者定义的方法冲突。
除此之外，请看一下这篇文章（http://www.smashingmagazine.com/2010/11/03/how-to-build-a-mobile-website/），祝你好运！
答案 2 :(得分：0)
您可以使用元标记[code] viewport [/ code]根据屏幕宽度更改CSS表格。