NEWS动态

你给我们一个空间,我们能做得更好
You give us a lot of space, we can do

藤设计客服

手机网站的制作要注意什么问题

  • 时间:2018-04-10
  • 浏览:703次

  为什么有了电脑网站,我们还需要单独做一个手机网站呢?因为用手机浏览网站和电脑是有不少区别的,比如说你用手机打开一个电脑网站的时候,有时会发现一些网站的内容变得非常的小,需要进行缩放才能正常预览。下面我们来看看手机网站的制作需要注意一些什么问题:

一、手机页面的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就能够根据手机的解析度加以决定浏览画面的宽度。

六、面包屑导航

  面包屑导航很重要,其实面包屑导航在不管是桌面端还是移动端都非常重要。但是很多人在移动端容易忽略面包屑导航。

Copyright © tengsheji.com. All Rights Reserved | 沪ICP备15039008号-7 法律声明 | 网站地图