我正在尝试将我当前的网站转换为移动版本。我将创建不同的视图（我正在使用 codeigniter），但要确保 CSS 在所有手机上看起来都很完美。移动网站的通用/标准规格是什么？
另外，推荐什么语言？我在想只是将 CSS 更改为特定宽度并根据该宽度重新设计。
问问题
4551 次
3 回答
1
由于移动设备的屏幕宽度/高度没有固定限制。您必须考虑对尺寸使用百分比值。这样您的移动网站将更加兼容。
有关有效的移动网站的信息，即您应该包含哪些内容和不应该包含哪些内容。看看这里 http://www.qsrweb.com/article/202567/3-tips-for-creating-an-effective-mobile-website
对于与宽度相关的查询，请参阅此，
于 2013-03-07T01:59:40.807 回答
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 浏览器可能有更好的体验。
您的站点还可以利用媒体查询来根据用户屏幕的大小选择样式表（有几种标准尺寸，特别是如果您考虑到流行的设备）。
Javascript 和其他类似的东西也应该适用于后备。使用 HTML5 画布和 WebSocket 之类的东西很好，因为它们可以直接由移动设备硬件辅助，但是您的脚本也应该处理那些不可用的东西。
而且，与往常一样，易于导航的页面与正常开发一样有很长的路要走。如果用户可以通过查看页面来直观地了解如何使用它（请记住，您的直观并不总是与其他人相同），那么我认为您走在正确的轨道上。
于 2013-03-07T01:59:48.610 回答
0
为移动设备设计网站有很多方法。最直接的方法是为移动站点构建一个完全独立的用户界面。
下一个方法是使用 CSS 媒体查询。这允许您重新使用当前的 UI 和样式，但您可以将其内容定制为特定的宽度和设备。
最后，是完全响应式设计。它与媒体查询非常相似，只是它使用百分比而不是绝对像素。这是最无缝的方式，标准宽度的网页可以缩放以适应较小移动设备的屏幕。它甚至可以轻松扩展！
这是开始学习响应式网页设计以及它如何应用于移动设备的好地方 - http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
在该站点上尝试缩放浏览器的大小。注意布局如何变化。这就是工作中的 CSS 媒体查询。
于 2013-03-07T02:10:19.827 回答