CSS主流布局
文章平均质量分 93
包含CSS主流布局(flex rem媒体查询 流失布局 响应式bootstrap)
小城故事ovo
前端开发工程师
展开
-
移动开发-响应式布局
Bootstrap 来自Twitter,是目前最受欢迎的前端框架,Bootstrap是基于 HTML、CSS 和Javascript ,它简洁灵活,使得Web开发更快捷中文官网:http://www.bootcss.com/官网:http://getbootstrap.com/推荐使用:http://bootstrap.css88.com/框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。原创 2023-02-23 00:28:21 · 112 阅读 · 0 评论 -
移动开发-flex布局
数值越小,排列越靠前,默认为0,注意:和 z-index 不一样.box {order : 1;/* 默认为0 */ }原创 2023-02-23 00:24:46 · 53 阅读 · 0 评论 -
移动开发-流式布局
Normalize.css:保护了有价值的默认值、修复了浏览器的bug、是模块化的 、拥有详细的文档。meta视口标签目的:布局视口的宽度应该与理想视口的宽度一致,就是设备有多宽,布局视口就多宽。一个px能显示的物理像素点的个数,称为物理像素比或屏幕像素比,1CSS像素=1物理像素。理想视口,对设备来讲,是最理想的视口尺寸,需要手动添写meta视口标签通知浏览器操作。视口是浏览器显示页面内容的屏幕区域, 视口可以分为布局视口、视觉视口和理想视口。它是用户正在看到的网站的区域,可通过缩放去操作视觉视口。原创 2023-02-23 00:26:05 · 95 阅读 · 0 评论 -
移动开发-rem布局
媒体查询 (Media Query) 是CSS3新语法使用@media查询,可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果、Android手机、平板等设备都用得到多媒体查询Less (Leaner Style Sheets) 是一门CSS扩展语言,也是CSS预处理器做为CSS一种形式的扩展,它并没有减少CSS功能,而是在现有的CSS语法上,原创 2023-02-23 00:26:44 · 63 阅读 · 0 评论