记录了2017年5月下旬刚毕业时面试的经典面试题 布局方面 1. 响应式布局，左侧栏目固定，右侧内容随着屏幕宽度变化而变化（高频） flex布局 position布局 css3计算宽度 float布局 flex布局 右侧div设置flex：1 自动填充满容器。 position布局 用pading将 ...
分类：
Web程序 时间：
2017-05-29 19:55:11
阅读次数：
190
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 使用感觉简约大气便捷，扁平化设计。好多好多CSS、JS....总有你心仪的那一款！喜欢就上官网找，那里更丰富呦！ ...
分类：
其他好文 时间：
2017-05-27 17:14:21
阅读次数：
239
Bootstrap 规则 一、响应式布局 @media 二、图标、字体 @font-face 三、基本使用 实例： bxslider（轮播图） 实例： ...
分类：
其他好文 时间：
2017-05-26 16:01:16
阅读次数：
352
前端时间鼓捣的一个简单的手机站点，今天又拿出来弄一弄 由于主要是给手机訪问。用的是bootstrap响应式布局，今天的任务是做一个数据展示页面 可是因为数据的列比較多。所以横向显示不下，为了较好的显示，将table包裹在了一个.table-responsive元素里 那么在较小的视口（viewpor ...
分类：
其他好文 时间：
2017-05-19 21:13:07
阅读次数：
185
第一步：确定需要兼容的设备类型、屏幕尺寸 设备类型：包括移动设备（手机、平板）和pc。对于移动设备，设计和实现的时候注意增加手势的功能。 屏幕尺寸：包括各种手机屏幕的尺寸（包括横向和竖向）、各种平板的尺寸（包括横向和竖向）、普通电脑屏幕和宽屏。 第二步：实施过程 1. 设置 Meta 标签 <met ...
分类：
Web程序 时间：
2017-05-17 19:16:43
阅读次数：
219
一、首先在<head></head>里面引入jQuery库、jQuery mobile库以及jQuery mobile样式 二、创建一个（左/右侧）面板 加上CSS样式： 这时候点开是这个样子的： 然后我们打开调试，进入到响应式布局（我这里选用的iPhone6s屏幕尺寸）： 这里说明已经创建好一个面 ...
分类：
Web程序 时间：
2017-05-16 23:12:19
阅读次数：
234
1.含义 网站兼容多个终端。比如以前没有使用响应式布局的网站，你在不同的浏览器，或者计算机和手机看到的(大小)效果是不一样的（这种不一致性不是前端开发所想要的结果）。而使用了响应式布局，就可以兼容各个浏览器，消除不一致性。 2.实现 css媒介查询： 使用方法： 3.代码示例 实现响应式布局其实很简 ...
分类：
Web程序 时间：
2017-05-12 11:39:08
阅读次数：
269
众所周知，网页前端开发时兼容IE一直是很头疼的问题。今天接到一个需要响应式布局的问题，主要还要兼容IE8，9。在网上搜索了以下解决方案，现记录如下。 首先，加入代码 <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googleco ...
分类：
其他好文 时间：
2017-05-12 00:09:06
阅读次数：
150
Bootstrap对我们来说已经不陌生了，大型的项目一定会用到它。它的DOM结构，字体图标，组件，响应式布局等，很大程度上提高了WEB开发速度。 在bootstrap刚出来的时候，它拥有丰富的组件、美丽优雅的排版布局、漂亮的设计、卓越的兼容性等优点，风靡了全球。是的，特别是它的字体图标，对于前端来说 ...
分类：
其他好文 时间：
2017-05-07 14:01:05
阅读次数：
258
Bootstrap 是什么 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 自适应布局： 通过改变页面布局的分辨率，去自动适应当前浏览器窗口的大小。在这个过程中页面的布局的样式不改变。 响应式布局： 通过改变自身页面的布局的样式... ...
分类：
Web程序 时间：
2017-05-06 20:02:44
阅读次数：
203
