您所在的位置：
首页 >> 新闻动态 >> 常见问题
响应式网站 [2020-09-30]
响应式网站就是在这种多屏时代的一个产物。响应式网站是指一套页面适应不同设备的显示。特别是google今年提出优先响应式网站算法，使得响应式网站的普及得到了尚方宝剑。
响应式网站制作步骤：
1. 确定页面区间：通常我们只考虑从手机到PC的页面宽度，智能手表和智能电视我们暂不考虑。通常我们将页面的尺寸划分成3个区间。320-640,640-1080，大于1080。
2. 我们要针对每一个区间，设计一套页面。通常是移动设备优先。当客户设备落入某个区间时，服务器返回给他这个区间的页面。
3. 页面元素都不要设定数值宽度，采用百分比宽度。
需要的技术：
首先前端需要用到的技术是CSS3中的Media Query（媒介查询），它除去可以在样式表中直接使用，也可以在link中使用，通过判断不同的设备来引入不同的CSS。
最后要注意的是在页面的头部<head></head>之间加上下面这句∶<meta name=“viewport” content=“width=device-width; initial-scale=1.0”>meta viewport这个属性是在移动设备上设置原始大小显示和是否缩放的声明。
