重庆SEO优化公司​自习惯与呼应式网站差异

重庆SEO优化公司自习惯与呼应式网站差异

 咱们看到有些网站运用电脑端或者手机端甚至 iPad 去浏览时体会都非常好。这就需求咱们为了用户体会而进行网站的自习惯或呼应式布局了。重庆SEO优化公司呼应式与自习惯的原理是类似的，都是经过代码检测设备屏幕宽度，依据不同的设备加载不同的 css。

1、自习惯网站

 自习惯网站的规划稿是一致的，但是规划稿需求考虑屏幕变小时的改变方法。比方一个网站的内容有5个区块和4个距离，那么假如宽度缩小成900时需求怎么改变，这便是自习惯布局。比方站酷网、Dribbble 等网站都采用了自习惯布局。

2、呼应式网站

 呼应式网站则需求规划不同版别的规划稿，然后依据不同的设备提供不同的 CSS 款式。比方断定你设备的宽度是750px，那么网站就知道你运用了手机来访问，就会给你导入一份手机才有的款式；假如是电脑的宽度就给你导入电脑的 CSS 款式。关于规划师来说，自习惯需求考虑网站在不同设备宽度下的整除与排版；呼应式则需求规划电脑、平板、手机等至少三套规划稿（但这三套规划稿的内容是一致的）。

3、适配的规范

 手机方面：适配手机页面时，咱们一般以 iPhone 为画布标准。原因是 iPhone 相对显现比较明晰，而且要求较高。而且用户占有量也很高。在适配时咱们一般以750*1334px尺度为主，然后将网站导航改变为手机 APP 常常运用的汉堡包+抽屉式导航的方法。同时网站里的按钮也需求变为手机 APP 中咱们看到的左右简直满屏的按钮，而且每个按钮要大于88px，方便手指的点击。字体方面，咱们要把网站的字体悉数改为苹方字体，英文则需求运用 SF-UI 代替，而且字号设置为24px以上。也便是将网站改变成一个类 APP 的手机网页，这样才能够保证手机用户体会杰出。假如用户运用安卓手机，那么前端代码则会根据规划稿的规划适度加大图片与距离来习惯安卓屏幕。

iPad：iPad的尺度为1024*768、2048*1536px等，无论怎么变根本与电脑屏幕尺度类似。所以在 iPad 上浏览网页是根本舒适的。因此，很多网站并没有专门为 iPad 做适配，假如咱们希望 iPad 用户用的更爽，能够从文字巨细（24px以上）、按钮巨细（88px左右以及以上）、交互方法（抽屉式导航、导航不随屏幕翻滚）等方法下手。

本文由重庆SEO优化公司整理