七考网七考网合作机构>太原培训学校>太原小店区达内IT培训
太原小店区达内IT培训
全国统一学习专线 8:30-21:00
位置:七考网 > 计算机>web前端> web前端怎么布局网页  正文

web前端怎么布局网页

发布时间:2022-04-25 09:45:17来源:转载

Web前端开发就是创建Web页面,或者APP等前端界面呈现给用户的过程,通过HTML、CSS及JavaScript等衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

web前端怎么布局网页?

Web前端的布局类型有这些:静态布局、流式布局、自适应布局、响应式布局;其如果只做电脑端,建议选择静态布局;如果做移动端,且设计对高度和元素间距要求不高,建议选择弹性布局。

1.静态布局:

不管浏览器尺寸具体是多少,网页布局始终按照初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。

2.流式布局:

布局特点是屏幕分辨率变化时,页面里元素的大小会变化而但布局不变。

3.自适应布局:

自适应布局的特点是分别为不同的屏幕分辨率定义布局,即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围。

4.响应式布局:

布局特点是每个屏幕分辨率下面会有一个布局样式,即元素位置和大小都会变。

那么我们如何布局呢?通过以下几点来选择布局。

1.如果只做电脑端,好的选择是静态布局。

2.如果做移动端,且设计对高度和元素间距要求不高,那么弹性布局(rem+js)是好的选择,通过一份css+一份js调节font-size就搞定。

3.如果电脑端,移动端要兼容,而且要求很高,那么响应式布局还是好的选择。前提是设计根据不同的高宽做不同的设计,响应式根据媒体查询做不同的布局。

相关内容: web前端 web前端布局 web前端布局网页

同类文章
最新文章
相关热词
导航

一级建造师 二级建造师 消防工程师 消防设施操作员 BIM 造价工程师 环评师 监理工程师 咨询工程师 安全工程师 建筑九大员 公路水运检测 通信工程 智慧消防工程师 装配工程师 一级注册建筑师 二级注册建筑师 注册电气工程师 智慧建造工程师 房地产估价师 EPC工程总承包 碳排放管理师 雅思 托福 GRE 托业 SAT GMAT A-Level ACT AP课程 OSSD 多邻国英语 考研英语 英语四六级 商务英语 青少儿英语 少儿英语 剑桥英语 职场英语 个人提升英语 旅游英语 英语口语 出国英语 初高中英语 学生英语 成人英语 公共英语 词库 经济师 初级会计师 中级会计师 注册会计师 基金从业 证券从业 薪税师 银行从业 CMA ACCA 会计实训 税务师 CFA 企业合规师 审计师 FRM 高级会计师 税务师 期货从业 CQF 真账实操技能 葡萄牙语 日语 德语 法语 韩语 西班牙 意大利 高考小语种 粤语 泰语 俄语 阿拉伯语 电商视觉设计 影视后期 剪辑包装 游戏设计 游戏程序 UI设计 室内设计 UXD全链路 平面设计 CAD设计制图 商业空间设计