手机网站和电脑网站有哪些区别

手机网站和电脑网站有哪些区别 手机和电脑不管是在分辨率还是操作系统方面的差异很大，这也是决定了手机网站和电脑网站的区别。那到底手机网站和电脑网站有哪些区别, 一、浏览内容 1、电脑网站的分辨率是1024*768，而智能手机的分辨率仅有320*480。 2、电脑网站内容信息度广，降低用户视觉疲劳，而手机网站浏览内容不方便，大大增加视觉疲劳 二、垂直浏览取代水平浏览 电脑网站在呈现数据内容时，以水平导航方式。用户可以左右移动点击链接浏览信息。而手机网站在呈现数据内容时，以垂直导航方式。 三. 导航条，标签和超文本 在电脑网站中，我们可以看到超链接的，而在手机网站中，我们却很少看到超链接。并不是手机网站中没有超链接，而是被一些按钮，标签等替代了 用户使用手指来操作移动设备是产生垂直导航方式的原因之一。在电脑上，移动鼠标，点击超链接是很理想的查看信息的方式，但是在移动设备中，通过手指触摸屏幕来打开超链接就不那么容易了。用户可以很容易激活一个链接，进入一个新页面，但，这并不是用户期望的页面，如果这样的话，会产生非常差的体验效果。 四、图片 在网页中，我们经常能看到企业网站的logo，产品信息、导航的图形信息等等。者经常需要设计网站促销产品图形，公司logo等。而在手机网站设计中，尽量减少图片，原因很简单:手机屏幕小，显示内容有限，占用内存大，浪费大量的移动流量。 五、全局导航与情境导航 在电脑网站中，可以使用各种各样的导航方式，而手机网站采用全局导航的，情景导航极少。在手机网站中，手机屏幕大小决定使用导航方式。 六、滚动条 手机浏览器浏览信息，是没有快捷滚动条。而在计算机浏览器浏览信息，是有快捷滚动条。比如一个图中有下拉列输入域在台式机上能够正常显示 而在手机上只能显示几个选项，必须要用滚动条才可以看到的。 七、手机浏览器对某些css属性不支持 例如:position:fixed 如果需要在手机屏幕显示top bar、bottom bar，则比较麻烦，需要通过css+javascript 来实现。 以上就是手机网站与电脑网站的主要区别，正因为这些问题的存在，我们在设计 手机网站时，需要考虑如何设计使更符合不同终端用户的使用习惯。 手机网站模板: