怎么简单的制作一个手机web前端预约界面

怎么简单的制作一个手机web前端预约界面

制作一个手机web前端：
工具：智能手机，普通智能手机：320×480   竖版。


节省样式的加载


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

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



meta标签,即CSS媒体查询
强制让文档的宽度与设备的宽度保持1:1；
文档初始化缩放比例是1:1；
不允许用户点击屏幕放大浏览；
允许用户缩放到的最大比例尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。


CSS3  -webkit  相关的HTML5标记元素的使用功能
消除被点击元素的外观变化，所谓的点击后高亮。
阻止旋转屏幕时自动调整字体大小。
解决字体在移动端比例缩小后出现锯齿的问题。
appearance 属性使元素看上去像标准的用户界面元素。
鼠标可以悬停在内容上（指向该内容）而不激活它（单击它）。


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


javascript库
方法一：

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

方法二：