移动网站的规格是什么 (website design specs)

我正在尝试将我当前的网站转换为移动版本。我将创建不同的视图 (我正在使用 codeigniter),但希望确保 CSS 在所有手机上看起来都很完美。移动网站的通用 / 标准规范是什么?

我正在尝试将我当前的网站转换为移动版本。我将创建不同的视图 (我正在使用 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 媒体查询在工作。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(578)
Thedifferencebetween bracket[]anddouble bracket[[]]foraccessingt
上一篇
使用MSAccess数据库跟踪十二个月公式
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(42条)