网页设计总体思路 第1篇
本篇主要介绍了网页设计需要会什么,网页设计需要会什么软件的相关信息知
本篇主要介绍了网页设计趋势分析,网页设计的发展趋势的相关信息知识分享
本篇主要介绍了网页设计叫什么,网页设计的基本艺术原则的相关信息知识分
本篇主要介绍了网页设计尺寸规范,网页设计尺寸大小规范的相关信息知识分
本篇主要介绍了网页设计中遇到的问题,网页设计遇到的问题及解决方案的相
本篇主要介绍了如何学好网页设计,网页设计好学吗的相关信息知识分享，若
本篇主要介绍了官方网站怎么做,如何做一个简单的网页的相关信息知识分享
本篇主要介绍了网页设计师发展前景,网页设计前景怎么样的相关信息知识分
本篇主要介绍了网页色彩搭配原则,网页设计颜色搭配的相关信息知识分享，
本篇主要介绍了网页设计发展前景,网页设计前景怎么样的相关信息知识分享
只需一个电话我们免费为您回电
好学教育网 | 考试中心 | 新课程 | 新机构 | 新资讯 | 新学习指南 | 网站地图
网页设计总体思路 第2篇
媒体查询+流式布局。通常使用 @media 媒体查询 和网格系统 (Grid System) 配合相对布局单位进行布局，实际上就是综合响应式、流动等上述技术通过 CSS 给单一网页不同设备返回不同样式的技术统称。
优点：适应pc和移动端，如果足够耐心，效果完美。
缺点：（1）媒体查询是有限的，也就是可以枚举出来的，只能适应主流的宽高。（2）要匹配足够多的屏幕大小，工作量不小，设计也需要多个版本。
响应式页面在头部会加上这一段代码：
网页设计总体思路 第3篇
使用%百分比定义宽度，高度大都是用px来固定住，可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width/min-width 等属性控制尺寸流动范围以免过大或者过小影响阅读。
这种布局方式在Web前端开发的早期历史上，用来应对不同尺寸的PC屏幕（那时屏幕尺寸的差异不会太大），在当今的移动端开发也是常用布局方式，但缺点明显：主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。因为宽度使用%百分比定义，但是高度和文字大小等大都是用px来固定，所以在大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长，但是高度、文字大小还是和原来一样（即，这些东西无法变得“流式”），显示非常不协调