我正在尝试将当前网站转换为移动版。我将创建不同的视图（我正在使用codeigniter），但想确保CSS在所有手机上看起来都很完美。移动网站的通用/标准规范是什么？
另外，推荐使用哪种语言？我只是想把CSS改成特定的宽度，然后根据宽度重新设计。
答案 0 :(得分：1)
由于移动设备的屏幕宽度/高度没有固定限制。您必须考虑使用百分比值来表示尺寸。这样，您的移动网站将更加兼容。
有关有效移动网站的信息，即您应该包含哪些内容以及哪些内容不包括在内。看看这里 http://www.qsrweb.com/article/202567/3-tips-for-creating-an-effective-mobile-website
对于与宽度相关的查询，请参阅此
答案 1 :(得分：1)
快速谷歌搜索产生以下结果：
W3C的想法：http://www.w3.org/standards/webdesign/mobilweb.html
Smashing Magazine的想法（之前我很喜欢他们的一些比较文章）：http://www.smashingmagazine.com/guidelines-for-mobile-web-development/
您希望手指上的页面容易，首先将文本显示最少（即摘要+扩展内容），并且整体运行速度很快。您可能希望在CSS之类的内容上有多个级别的后备，以便运行CSS 1/2浏览器的人仍然可以使用该网站，即使CSS3浏览器可能有更好的体验。
您的网站还可以使用media queries根据用户屏幕的大小选择样式表（有几种标准尺寸，尤其是考虑到热门设备时）。
Javascript和其他类似的东西也应该适用于后备。使用HTML5画布和WebSockets之类的东西很好，因为它们可以直接由移动设备硬件辅助，但是你的脚本应该处理那些不可用的东西。
而且，与往常一样，易于浏览的页面与正常开发一样有很长的路要走。如果用户只是通过查看页面如何直观地使用它来记录（记住，直觉对你来说并不总是和其他人一样），那么我认为你是在正确的轨道上。
答案 2 :(得分：0)
为移动设备设计网站有很多需要。最直接的，就是为移动网站构建一个完全独立的用户界面。
下一个方法是使用CSS媒体查询。这允许您重复使用当前的UI和样式，但您可以根据特定的宽度和设备定制内容。
最后，是完全响应式设计。它与媒体查询非常相似，只是它使用百分比而不是绝对像素。这是最无缝的方式，标准宽度网页可以扩展以适应较小的移动设备的屏幕。它甚至可以轻松扩展！
这是开始学习响应式网页设计及其如何应用于移动设备的好地方 - http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
尝试在该网站上缩放浏览器的大小。注意布局如何变化。这是CSS媒体查询工作。