06
2014
05

自适应网页设计中的字体单位选择

在做手机web或app的时候,为适应不同屏幕,你可能需要写很多针对不同屏幕大小的css代码,那么这个时候我们如果用固定大小去设置字体的大小就要些很多代码了。这个时候我们需要使用相对大小了,这样该其他我们之需要修改指定根元素的值了。css3中也出现新的字体单位rem,在几乎所有的自适应网页设计的书籍及文章中都推荐使用em作为字体单位,甚至推荐你使用em来作为你所有设置size部分的单位。那么em和px如果转换呢?

1 ÷ 父元素的font-size × 需要转换的像素值 = em值

06
2014
03

Windows7安装Phonegap3.4

Phonegap一个可以利用单纯的HTML,CSS,JavaScript制作手机APP的工具,或则说框架。最重要的是他还能完成多平台开发,看看他的平台支持,你就能发现他有多强大http://docs.phonegap.com/en/3.3.0/guide_support_index.md.html#Platform%20Support 。


现在进行安装,先如今phonegap也支持Nodejs环境下运行了,只需要npm就能进行在线安装。再Windows环境下cmd.exe中输入下面命令就可以了。

C:\> npm install -g phonegap

以android为例在安装之前请确认已经安装了下列环境:

  1. 已经安装NodeJS(加NPM,一般再安装nodejs的时候自带安装)。

  2. 已经安装Java SDK,并配置好环境变量

  3. 已经安装Apache ANT,并配好环境变量

  4. 已经安装好Android sdk,并配好环境变量(直接安装adt再配好环境变量就行)

  5. 上面步骤完成好确保这些命令在cmd.exe中可以运行“node -v”,“npm -v”,“ant -v”,“adb”,“avd”。

这样就可以运行下面命令了:

$ phonegap create my-app
$ cd my-app
$ phonegap run android
23
2013
02

Windows7上搭建iPhone/iPad网页调试环境

要搭建iPhone/iPad网页调试环境在Windows7上,其实挺坑爹的,地球人都知道要用到虚拟机才行,本文方法也不例外。麻烦,耗资源,但有需求就得上。下面四步让你win7上可以开发iPhone/iPad应用(准备好你的PC吧)

  1. 安装虚拟机软件VMware 9,和mac os. 图文教程可以到我同事Unmi网站看详细教程:http://unmi.cc/vmware9-install-mac-os-x-mountain-lion

26
2010
08

手机开发中你需要注意的问题

继续转载挨踢民工的文章,手机网站开发应注意的事项。肯定的说:文章很不错,很仔细。带上原文链接:http://www.fool2fish.cn/?p=324#more-324

  1. 手机网页编码需要遵循什么规范?
       遵循XHTML Mobile Profile规范(WAP-277-XHTMLMP-20011029-a.pdf),简称为XHTML MP,也就是通常说的WAP2.0规范。 XHTMLMP是为不支持XHTML的全部特性且资源有限的客户端所设计的。它以XHTML Basic为基础,加入了一些来自XHTML 1.0的元素和属性。这些内容包括一些其他元素和对内部样式表的支持。和XHTML Basic相同,XHTML MP是严格的XHTML 1.0子集。

...

26
2010
08

手机浏览器兼容性测试结果概要

最近公司项目有意要加入手机网站的想法,于是说,看了一些关于手机网站的资料。看了资料后才发现还是在06年接触过手机编程的我,还停留在WAP1.1,够火星吧! 看了XHTML MP后才发现3G时代终于到了,手机浏览器居然比PC机还多,那就意味着可怜的我们做手机网站的测试工作进一步加重......

«1»