移动网站的规格是什么 (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 媒体查询在工作。

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

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

相关推荐

  • html代码排版:Welcome to My Website

    示例示例HTML代码排版,也叫HTML格式化,是指将HTML代码进行缩进、换行等操作,使得HTML代码更加美观、易读。下面是一个未排版的HTML代码示例:…

    2024-06-26 02:17:02
    0 79 48
  • html5和css3的新特性:Welcome to the Future of Web Design!

    示例示例HTML5新特性(新的语义元素…

    2023-05-20 12:24:46
    0 50 47
  • html 代码编辑器:Welcome to My Website!

    HTML代码编辑器是一种可以用来编写、编辑和测试HTML代码的应用程序,它可以帮助网页开发人员更快地创建和维护网站。它们通常具有语法高亮、自动补全、拼写检查和其他功能,以帮助开发人员更好地编写HTML代码。…

    2023-06-19 06:47:23
    0 33 45
  • webrtc转websocket一种新的实时通信方案

    Webrtc转websocket的实现原理是:webrtc建立连接之后,将webrtc的RTCDataChannel对象传递给websocket服务器,然后websocket服务器将RTCDataChannel对象封装成websocket,以便客户端发送消息。下面是一个简单的webrtc转websocket的代码示例:…

    2024-05-20 01:24:43
    0 16 15
  • vue 全局websocket:使用Vue全局Websocket构建实时应用程序

    Vue 全局 websocket 是指在 Vue 项目中,将 websocket 连接封装成一个全局的插件,可以在任何组件中使用。…

    2023-06-27 03:50:13
    0 79 95
  • css底部对齐:Welcome to Our Website

    示例示例css底部对齐指的是将多个元素的底部对齐,使用CSS实现底部对齐可以使用flex布局。代码示例:…

    2023-05-01 13:46:07
    0 56 79
  • css 第三方字体:Welcome to my Website!

    示例示例CSS 第三方字体是指使用外部字体文件的 Web 字体,它们可以在网站上使用而不需要安装到本地计算机上。示例代码:…

    2023-11-10 12:47:36
    0 95 28
  • react项目代码:使用React构建一个强大的Web应用

    示例示例React 项目代码是由 HTML、CSS 和 组成的,它们分别负责渲染页面的布局、样式和交互逻辑。HTML:HTML 是 React 项目中最重要的部分,它决定了页面的结构和内容,也是 React 元素渲染的基础。…

    2023-11-11 00:34:30
    0 51 10

发表评论

登录 后才能评论

评论列表(67条)