Question

制作一个手机web前端

Answer 1

制作一个手机web前端：

工具：智能手机，普通智能手机：320×480竖版。

节省样式的加载

目前而言，要改变网站的配色方案或者写iPad专用的样式表，是通过如下代码：

可以通过下面这个方法去加载指定分辨率下的样式，当使用相应的设备，才能加载到相应的样式表。

meta标签,即CSS媒体查询

强制让文档的宽度与设备的宽度保持1:1；

文档初始化缩放比例是1:1；

不允许用户点击屏幕放大浏览；

允许用户缩放到的最大比例尤其要注意的是content里多个属性的设置一定要用分号空格来隔开，如果不规范将不会起作用。

CSS3-webkit相关的HTML5标记元素的使用功能

消除被点击元素的外观变化，所谓的点击后高亮。

阻止旋转屏幕时自动调整字体大小。

解决字体在移动端比例缩小后出现锯齿的问题。

appearance属性使元素看上去像标准的用户界面元素。

鼠标可以悬停在内容上（指向该内容）而不激活它（单击它）。

使用自适应模式布局

safari都能够正常的显示网页内容（也就是自适应），而且自适应之后也不用考虑分辨率的问题。

javascript库

方法一：

有很多设备的“”都大于1.5或者等于2（window.=物理像素/dips）。移动端webapp上CSS要为Retian屏幕准备另外的图片及代码。

方法二：