在开发的过程中,响应式的网站是目前很常用的布局方式,可以在pc端 pad端以及手机端设置各自的样式,很好的提升了用户的体验,接下来博主就以自己的经验对响应式布局的知识点进行总结。 1、什么是响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社 ...
分类:
其他好文 时间:
2018-07-21 17:11:47
阅读次数:
124
https://getbootstrap.com/docs/4.0/getting-started/introduction/#css ...
分类:
移动开发 时间:
2018-07-21 00:50:24
阅读次数:
319
一、响应式布局 一家公司问了em和rem的区别,另一家公司先问了一下px,em,rem的区别,然后又问是否熟悉响应式布局 (1)px,em,rem的区别 px:像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内 ...
分类:
其他好文 时间:
2018-07-20 00:21:22
阅读次数:
217
<body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 基于准备好的dom,初始化echa ...
分类:
其他好文 时间:
2018-07-16 23:04:24
阅读次数:
261
//for in : 遍历对象 循环变量代表key //for of : 遍历集合set map 循环变量代表value 一.运动框架 二.轮播图 三.放大镜 1.瀑布流 响应式布局 2.放大镜 3.碰撞检测 ...
分类:
其他好文 时间:
2018-07-06 22:27:54
阅读次数:
143
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局,并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap? 在Bootstrap出现之前: ...
分类:
其他好文 时间:
2018-07-06 21:29:51
阅读次数:
159
做这个项目用的是vue+element UI来实现的响应式布局,现主要说一下国际化这块的实现。 第一步:新建文件夹i18n 第二步:配置cn.js、en.js等文件内容 cn.js en.js index.js i18n.js 第三步:在main.js中配置 import Vue from 'vue ...
分类:
其他好文 时间:
2018-07-06 18:33:44
阅读次数:
161
一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md,sm, xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么? 同一个网页在不同的终端上呈现不同的布局等 - 响应式怎么实现的? 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 ...
分类:
其他好文 时间:
2018-07-05 21:43:48
阅读次数:
253
前台: 支持五套模版, 可以在后台切换系统介绍:1.网站后台采用主流的 SSM 框架 jsp JSTL,网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html,所以访问速度快,轻便,对服务器负担小3.网站前端采用主流的响应式布局,同一页面同时支持PC、平板、手机(三合一)浏览器访问4.springmvc +spring4.3.7+ mybaits3.3 &nbs
分类:
编程语言 时间:
2018-07-03 11:37:59
阅读次数:
181
bootstrap为一款流行的前端框架,可用于响应式布局前端界面开发。 一、获取bootstrap文件英文官网:http://getbootstrap.com/中文官网:http://www.bootcss.com/二、创造基础文件1.IE8开启标准渲染模式<meta http-equiv="X-U ...
分类:
其他好文 时间:
2018-06-30 17:43:11
阅读次数:
128