Mobile 移动网站的规格是什么?

Mobile 移动网站的规格是什么?,mobile,web,Mobile,Web,我正在尝试将我当前的网站转换为移动版本。我将创建不同的视图(我使用的是codeigniter),但我想确保CSS在所有手机上看起来都很完美。移动网站的通用/标准规格是什么 另外,建议使用哪种语言?我只是想将CSS更改为特定的宽度,并根据该宽度重新设计。因为移动设备的屏幕宽度/高度没有固定的限制。您必须考虑使用百分比值来调整大小。这样,您的移动站点将更加兼容 有关有效移动网站的信息,例如,您应该包括哪些内容,哪些不应该。看看这里 有关与宽度相关的查询,请参见 快速的谷歌搜索会产生以下结果: W3

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


另外,建议使用哪种语言?我只是想将CSS更改为特定的宽度,并根据该宽度重新设计。

因为移动设备的屏幕宽度/高度没有固定的限制。您必须考虑使用百分比值来调整大小。这样,您的移动站点将更加兼容

有关有效移动网站的信息,例如,您应该包括哪些内容,哪些不应该。看看这里

有关与宽度相关的查询,请参见


快速的谷歌搜索会产生以下结果:

W3C的想法:

粉碎杂志的想法(我以前很喜欢他们的一些比较文章):

你会希望你的页面很容易被手指触摸,一开始尽量减少文本的显示(即摘要+扩展内容),并且整体运行速度很快。您可能希望在CSS等方面有多个级别的回退,以便运行CSS 1/2浏览器的用户仍然可以使用该网站,即使CSS3浏览器可能有更好的体验

你的网站还可以根据用户屏幕的大小选择样式表(有几个标准尺寸,特别是如果你考虑流行的设备)。 Javascript和其他类似的东西也可以很好地用于回退。使用诸如HTML5画布和WebSocket之类的东西是很好的,因为它们可以由移动设备硬件直接辅助,但您的脚本也应该处理那些不可用的东西


而且,和往常一样,一个易于导航的页面就像它在正常开发中所做的那样,有着很长的路要走。如果用户仅仅通过查看页面就能知道如何直观地使用它(记住,对你来说,直观并不总是与对其他人一样),那么我认为你的思路是正确的。

为移动设备设计网站有很多方法。最简单的方法是为移动站点构建一个完全独立的用户界面

下一种方法是使用CSS媒体查询。这允许您重新使用当前的UI和样式,但您可以根据特定的宽度和设备定制其内容

最后,是完全响应的设计。它与媒体查询非常相似,只是它使用百分比,而不是绝对像素。这是最无缝的方式,一个标准宽度的网页可以缩放以适应较小移动设备的屏幕。它甚至可以很容易地扩展

这里是一个开始学习响应式web设计的好地方,以及它如何应用于移动设备-


在该站点上尝试缩放浏览器的大小。注意布局是如何变化的。这就是工作中的CSS媒体查询。

如果我使用100%,那么浏览器将不会调整页面大小?只需将其设置为屏幕大小的100%宽度?有人会如何在手机上调整页面大小?一些手机和桌子允许两个应用并排,这样可以调整页面大小。GunJack,当你加载一些未针对手机修改的网站时,页面非常小。这就是我的意思。