移动web网页开发
文章平均质量分 92
芋泥丶
Per aspera ad astra
展开
-
移动web网页开发——项目:生活资讯网(响应式开发)
前两篇内容讲述了流式布局,flex布局,rem适配布局,响应式布局四种布局页面,今天我们就以学习的内容来完成项目“生活资讯网”的设计。我们在设计开发生活资讯网可以选择的开发方式很多,如以下几种:流式布局(百分比布局)flex布局(伸缩盒布局)rem适配布局(rem单位+媒体查询+less 或 flexible.js+rem单位)响应式布局(纯响应式布局)Bootstrap+响应式布局这边我选择的是Bootatrap+响应式布局来完成的。...原创 2022-06-29 11:45:35 · 738 阅读 · 1 评论 -
移动web网页开发(下篇)——rem适配布局和响应式布局开发
栅格系统英文为"grid systems" ,也有人翻译为"网格系统” 。它是指将页面布局划分为等宽的列,然后通过列数的定义来模块化页面布局。Bootstrap提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口( viewport )尺寸的增加,系统会自动分为最多12列。Bootstrap里面container宽度是固定的,但是不同屏幕下, container的宽度不同,我们再把container划分为12等份...原创 2022-06-27 11:46:19 · 316 阅读 · 2 评论 -
移动web网页开发(上篇)——流式布局(百分比布局)和Flex弹性布局
前面我们学习的一直都是pc端的页面布局,也称为传统布局。传统布局的优点在于兼容性好,但它局限性除了布局繁琐外,在移动端不能很好的布局。为了解决这个问题就出现了两个xuanze——单独制作移动端的页面和响应式页面。单独制作移动端页面可以分为流式布局(百分比布局),flex弹性布局,less+rem+媒体查询布局,混合布局。...原创 2022-06-09 16:45:15 · 1242 阅读 · 7 评论