我正在尝试将我当前的网站转换为移动版本。我将创建不同的视图 (我正在使用 codeigniter),但希望确保 CSS 在所有手机上看起来都很完美。移动网站的通用 / 标准规范是什么?
另外，建议使用什么语言？我在想只是将 CSS 更改为特定的宽度并根据该宽度重新设计。
1
由于移动设备的屏幕宽度 / 高度没有固定限制。您必须考虑使用大小的百分比值。这样，您的移动站点将更加兼容。
有关有效的移动网站的信息，即您应该包括什么和不包括什么。看看这里http://www.qsrweb.com/article/202567/3-tips-for-creating-an-effective-mobile-website
有关宽度相关的查询，请参见,
Mobile version of my website,what design width is optimal?
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根据用户屏幕的大小选择样式表（有几种标准尺寸，特别是如果您考虑流行的设备）。
使用像 HTML5 画布和 WebSockets 这样的东西是好的，因为它们可以直接由移动设备硬件辅助，但是你的脚本应该处理那些不可用的东西。
而且，像往常一样，一个易于导航的页面会像正常开发一样走很长一段路。如果用户可以通过查看页面来直观地知道如何使用它（请记住，直觉对您来说并不总是与其他人相同），那么我认为您走在正确的轨道上。
0
为移动设备设计网站有很多需要。最简单的是为移动站点构建一个完全独立的用户界面。
下一种方法是使用 CSS media-queries。这允许您重新使用当前的 UI 和样式，但您可以根据特定的宽度和设备定制它的内容。
最后，是完全响应式设计。它与媒体查询非常相似，只是它使用百分比而不是绝对像素。这是最无缝的方式，标准宽度的网页可以缩放以适应较小移动设备的屏幕。它甚至可以轻松扩展！
这里是开始学习响应式网页设计的好地方，以及它如何应用于移动设备-http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
尝试在该网站上扩展浏览器的大小。注意布局如何变化。这是 CSS 媒体查询在工作。
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（30条）