随着互联网技术的飞速发展、5G网络的正式运用，越来越多的人会选择用手机、平板电脑浏览网站、洽谈贸易。手机网站的建设正风起云涌、全面开展起来。

与电脑网站不同，手机网站因为屏幕大小限制，内存有限，网站显示内容也不宜太多，所以，手机网站建设有一定的规则要求，现详细介绍如下：

一、手机网站的兼容型设计问题

手机型号繁多、屏幕尺寸不一，怎样建手机网站使其能自动适应尺寸大小不同、分辨率高低不同的屏幕，从而保证网站内容显示不变形、播放无迟滞？

这就是自适应的问题，也就是网站建设中被称为响应式网站建设。也就是说，无论是显示屏幕尺寸大小、分辨率高低，还是不同的浏览器如搜狗、火狐、谷歌等，网站内容都能正常的显示。

至于实现响应式网站功能，只需要在依据手机显示屏宽度的不同处分别引入不同的CSS样式表即可实现，即所谓的HTML+CSS。

二、手机网站的图片设置问题

手机网站因为屏幕较小，调入图片的速度易受各种因素影响，不适于采用高分辨率、大尺寸的展示图片。因此，在实际应用中，往往有一定的规律规则：

网站logo：64X64（或者88X88）

轮播图（幻灯片）：750X360、900X300

商品展示图：750X750

商品缩略图：325X325

底部版权图：240X60

当然，在具体使用时还要根据实际情况灵活把握、选用精美清晰、尺寸适宜的图片。

三、手机网站的功能设置

与电脑网站不同的是：由于手机屏幕尺寸大小的限制，手机网站的功能菜单就应当简洁、可以折叠，并能显示按钮导航功能。

同时，手机网站的菜单层级不要超过2层，并且尽量在同一窗口下显示。

在手机网站上千万不要放置弹出式窗口广告、漂移广告等。因为这会极大地影响网站的用户体验。

四、手机网站的速度

由于手机网站的加载速度要求高，网站一旦不能快速的加载页面内容，很可能导致用户关闭窗口。所以为了保证手机网站的运行速度，需要对手机网站进行必要的优化处理，最大限度地减少内存的占用：如不要过多的放置图片、精简冗余代码、网站版面结构清晰、网页内容简练、相关性强等。

说明一点：移动端网站是包括iPad、手机网站等移动设备适用的网站，手机网站是移动端网站中的一种。iPad平板的尺寸介于电脑网站与手机屏幕大小之间，也适用上述四项规则。