为什么有了电脑网站，我们还需要单独做一个手机网站呢？因为用手机浏览网站和电脑是有不少区别的，比如说你用手机打开一个电脑网站的时候，有时会发现一些网站的内容变得非常的小，需要进行缩放才能正常预览。下面我们来看看手机网站的制作需要注意一些什么问题：
一、手机页面的css样式
部分手机浏览器对如下css样式支持不是很好，建议慎重使用：
· 不支持font-family属性，也就是说，在很多浏览器可能只有一种默认字体；
· 不支持font-szie属性，如在UC浏览器你只能看到一样大小的字体；
· 不支持width、height、padding、margin、line-height属性，如，在UC浏览器只能通过p、br 等HTML标签来换行以达到字符上下间隔；
· 不支持固定像素的宽度，100%显示页面，如：在UC浏览器始终将看到的是“满屏的”；
· 不支持浮动、层叠布局，float和position属性无效，如：在UC浏览器你只能看到“左对齐”，建议使用table格局。
二、阅读页面方式
手机网页浏览到了最后，如果本身网页内容较多的话，想要回到网页顶端要进行多次的滑动，这样是很麻烦的。因此做一个回到顶部的按钮是非常必要的。
三、页面内容
一般的手机、平板电脑等移动设备，不能像电脑网页那样塞下很多的内容。因此手机手机网页内容要挑选重点，适当减少内容。
四、符合滑动屏幕的方式
大部分的移动设备，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机都具有网页放大缩小功能，但是观看还是麻烦。因此设计手机网页时，建议是能够以滑动屏幕的方式阅读网站，因为滑动网页比起放大网页观看来得简单多了。
五、建设多种版本的手机网页
手机的规格众多，有的解析度为320240，较新的则为800480，而次世代的手机更有720P的解析度，因此移动手机网站如何满足众多的需求?一般来说有两种作法，一种是建立不同解析度的移动手机网站，由用户于手机移动入口网页自行选择;另一种做法则是透过手机的语法，例如CSS语法中的Viewpoint就能够根据手机的解析度加以决定浏览画面的宽度。
六、面包屑导航
面包屑导航很重要，其实面包屑导航在不管是桌面端还是移动端都非常重要。但是很多人在移动端容易忽略面包屑导航。
