位置:搜学搜课 > 新闻 > web前端开发网页的静态布局
前端课程全面升级为Web前端全栈式
Web 全栈工程师
科技从未停下前进的脚步,Web前端全栈式强势来袭!
参与企业真实的项目积累实战经验
用作品说话,让你的简历丰富多彩
参与企业真实的项目积累实战经验
从实战中走出的讲师,传授真实项目经验
web前端开发网页的静态布局
web前端开发主要是针对网站网页前端展示设计的一项开发技术,本文主要说说web前端的静态布局(static layout),即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。
1、布局特点
不管浏览器尺寸具体是多少,网页布局始终按照较初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见于pc端。
2、设计方法
PC:居中布局,所有样式使用宽度/高度(px),设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮掩部分;
移动设备:另外建立移动网站,单独设计一个布局,使用不同的域名如wap.或m.。
优点:这种布局方式对设计师和CSS编写者来说都是较简单的,亦没有兼容性问题。
缺点:显而易见,即不能根据用户的屏幕尺寸做出不同的表现。当前,大部分门户网站、大部分企业的PC宣传站点都采用了这种布局方式。固定像素尺寸的网页是匹配固定像素尺寸显示器的较简单办法。但这种方法不是一种完全兼容未来网页的制作方法,我们需要一些适应未知设备的方法。
尊重原创文章,转载请注明出处与链接:http://www.soxsok.com/wnews566053.html 违者必究! 以上就是关于“web前端开发网页的静态布局”的全部内容了,想了解更多相关知识请持续关注本站。