0%
WEb学习笔记:页面布局

WEb学习笔记:页面布局

一丶自适应布局

自适应布局在于百分比和字体的自动缩放,对于原有px属性进行em单位修正,使用时PC端显示能力较强,但切换设备依旧需要@media查询设备添加代码进行适应修正,出于其布局的简单性,适用于PC网页制作。

二丶弹性布局

盒模型布局优点在于能灵活浮动,区块网站能够完美适应PC与手机端,对于简约风格的网站而言是首选,其缺点也很明显,对于网站多元化支持能力较弱,适应后的手机端较为朴素,风格化代码工作要求相当高。

三、响应式布局

响应式布局缺乏对应的简单化代码,PC端窗口缩放难以正常显示,但通过响应代码的优化,静态页面能做到非常精细,手机端支持也比较好,算是中规中矩。

通过几天的网站开发对比,发现有图的还是结合自适应和响应式开发,这样能在最大程度提高代码的重用,减少开发负担。

对于后期网站的排版布局,正在尝试常用的几个框架,如bt la等框架,用类似表格式布局(栅格布局)能最大限度的提升开发效率,从而减少排版的代码工作量,但同时也发现其代码利用率不高,且文件异常庞大,后期考虑精简,以适应网站需要从而减少体积。

今天先写到这里,作为这一段时间的回顾,之后将继续记录对于h5内容的一些零散的知识点。

—2020年9月30日全新SKyStarry项目动工小记

林霖澐枫

版权说明

作者: 林霖澐枫
分类: WEB开发学习笔记, 站内文章
版权: CC BY-NC-SA 4.0
链接: https://skyllyf.cc/?p=213