合肥网页设计培训机构实力一览推荐

　　2002年天琥创始人柳絮在广州创办工作室，从此天琥扎根羊城大地。2007-2013年，天琥设计培训机构正式成立。在全国建立十多所分校，且更名为“天琥教育”。2015-2016年，公司进行次改革，确定“互联网视觉教育”的发展定位，围绕“做负责任的教育，实现学员价值”的初心，致力于为社会培养互联网设计领域的实战应用型人才。如今，天琥已在全国20个省（市）拥有79所校区，成功打造天琥设计广告公司、云琥在线以及在线测评页问网教育平台。

　　响应式网页设计布局

　　随着移动互联网的发展和微信的突起，移动端的响应式布局越来越重要了。

　　目前网站布局有以下几种：

　　1.定宽度布局

　　很多pc的网站都是定宽度布局的，也就是设置了min-width，

　　这样一来，如果小于这个宽度就会出现滚动条，

　　如果大于这个宽度则内容居中外加背景，

　　这种设计常见与pc端。

　　2.响应式布局

　　所谓响应式布局就是流式布局+媒体查询，

　　流式布局用来解决不同宽度的布局问题，

　　外加媒体查询，可以调整布局，例如大屏幕是布局1，小屏幕是布局2，

　　这种布局通吃pc和移动端，做到精细处，两者的效果都很好，

　　缺点是媒体查询是有限的，也就是可以枚举出来的，

　　只能适应主流的宽高。

　　3.rem布局

　　近期出现rem布局，参考：http://isux.tencent.com/web-app-rem.html

　　原理是，先按定高宽设计出来页面，然后转换为rem单位，

　　配合js查询屏幕大小来改变html的font-size，

　　较终做出所谓的自适应。

　　rem的缺点

　　rem一出好像所有移动端自适应不采用rem都很low一样，来分析分析，假设以100x100做出网页，那么采用rem+js完全可以自适应所有200x200，300x300，450x450等等高宽。

　　问题来了：

　　如果用100x100设计好后，来了100x200，100x300，100x400的手机，那么效果无非两种：

　　1.网页内容只局限与网页顶部，例如100x400的手机，网页内容只占用的100x100的部分；

　　2.有人说可以高度也js+rem，那么效果无非是拉伸或者缩放。