·Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制 ...
分类：
其他好文 时间：
2020-02-12 18:57:34
阅读次数：
81
栅格系统 描述： 栅格系统（grid System）是bootstrap创建的一个用于页面构建的html布局系统 该系统通过提供的类名来将容器等分12个结构（可理解为每行12列） 通过对容器的宽度指定（如3+3+3+3）来进行页面的快速构建 说明： (1)响应式布局（一套代码，能在不同的页面中有不同 ...
分类：
其他好文 时间：
2020-02-09 11:27:45
阅读次数：
60
布局结果图： 电脑全屏： 手机浏览： 竖屏： 横屏： 代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>响应式布局</title> <meta name="viewport" content="width=device-w ...
分类：
Web程序 时间：
2020-02-03 18:43:23
阅读次数：
96
1.什么是盒子模型？ CSS中的思维模型,每一个元素都包含margin,padding,boder,content区域,占一个盒子形状,整体称为盒模型. 2.简述一下src与href的区别? Href 超文本链接,指向网络资源所在位置,如果我们在文档添加<link href="common.css" ...
分类：
Web程序 时间：
2020-01-20 20:53:32
阅读次数：
101
技术开发和实际运营总是有很大差别的，比如常见的图片列表，一般设计图上都是固定尺寸大小的，但是实际操作起来并没有太多人去ps修剪图片到知道的尺寸，大部分都是差不多比例的图片就直接上传了，为了解决不规则图片列表展示问题有相应的解决方案例如瀑布流，或者相册等，但是对于多终端响应式的网站这是非常头疼的。 一 ...
分类：
其他好文 时间：
2020-01-19 19:19:52
阅读次数：
119
1.Hack Hack是由于现有的浏览器解析不同，为了兼容各浏览器，采用的一种补救的方法。并且只针对太古老的浏览器，不推荐使用。 Hack的实现方法有三种： (1)css类内部的Hack (2)css选择器的Hack (3)css头部的Hack hack原理是通过不同的浏览器自身所带有的特别标识符以 ...
分类：
Web程序 时间：
2020-01-15 21:18:36
阅读次数：
94
一.响应式布局:pc端用响应式布局较多 监测宽度变化给出不一样的网页布局 1.媒体查询 三种常用的媒体：all(所有媒体) screen(彩屏设备，手机 电脑) print(打印设备) 查询关键词： not only and（and两边要有空格) 媒体特性：min-width:500px 表示网页宽 ...
分类：
移动开发 时间：
2020-01-14 16:34:11
阅读次数：
119
"原文链接" 响应式布局 自从进入移动互联网时代，响应式布局这个词经常出现在 Web 设计和开发领域，它让 Web 页面在不同尺寸的设备上都具有良好的浏览体验。 开始之前 在讲解响应式布局之前，需要先了解一下基础知识，只有对它们都有一定的了解，才能在做响应式布局时选取合适的技术方案。 像素 像素这个 ...
分类：
Web程序 时间：
2020-01-13 14:34:27
阅读次数：
120
响应式布局就是一套代码的开发能使得网页适应移动端和电脑端，响应式主要是根据屏幕的尺寸来改变网页的一些布局，但是缺点就是不适合有太复杂结构的网页 在响应式里，我们需要在mate中加上适配移动端的代码 <meta name="viewport" content="width = device-width ...
分类：
其他好文 时间：
2020-01-11 15:21:10
阅读次数：
80
