一、跨终端web 一提到跨终端，第一反应往往就是响应式布局。这至少说明两点：首先，响应式本身与跨终端之间有着某种本质的联系；其次，人们误以为跨终端和响应式是同一件事。“跨终端 Web”是最终希望达到的目的，而达到这个目的的手段有很多，响应式仅仅是其中的一种方式而已。这些方式至少包括： 响应式 多站点 ...
分类：
Web程序 时间：
2019-11-02 00:02:31
阅读次数：
184
什么是Bootstrap? Bootstrap是Twitter推出的一个开源的用于web前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less ...
分类：
Web程序 时间：
2019-10-29 23:44:28
阅读次数：
135
第一章 开发工具 01 前端开发工具选择 02 Sublime工具使用 第二章 HTML和css 01 HTML5基础 02 常用标签 03 css基础 04 css3选择器 05 css3基本样式 06 css3基础布局 07 响应式布局 (暂未同步) 第三章 JavaScript 01 js基础 ...
分类：
Web程序 时间：
2019-10-17 01:32:32
阅读次数：
123
第一章 开发工具 01 前端开发工具选择 02 Sublime工具使用 第二章 HTML和css 01 HTML5基础 02 常用标签 03 css基础 04 css3选择器 05 css3基本样式 06 css3基础布局 07 响应式布局 第三章 JavaScript 01 js基础 02 js的 ...
分类：
Web程序 时间：
2019-10-14 12:28:20
阅读次数：
107
什么是响应式 Web 设计 响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如，您先在计算机显示器上浏览一个网站，然后在智能手机上浏览，智能手机的屏幕尺寸远小于计算机显示器，但是你却没有感觉到任何差别，两者的用户体验几乎一样，这说明这个网站在响应式设计方面做得很 ...
分类：
其他好文 时间：
2019-10-10 20:08:35
阅读次数：
105
一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局：grid网格布局 基础UI样式：元素reset、按钮、图片、菜单、表单 组件UI样式：按钮组、字体图标、下拉菜单、输入框组、导航组、面包屑、分页、标签、轮播、弹出框、列表、多媒体、警告 响应式布局：布局、结构、样式、媒体、javasc ...
分类：
其他好文 时间：
2019-10-09 16:08:11
阅读次数：
129
布局类别 固定网页布局：设置固定宽度，px为单位。常见PC端页面。 流式布局+伸缩布局+rem+媒体查询：设置相对宽度，%为单位。适配移动页面。 响应式布局：检测设备信息决定布局方式。一般通过检测设备的宽度。适合结构简单的页面。（比如公司宣传页面、个人博客） 栅格化布局：css框架Bootstrap ...
分类：
其他好文 时间：
2019-10-06 11:44:17
阅读次数：
84
一、Bootstrap Bootstrap的官网：www.bootcss.com 1.响应式布局 Responsive web page 响应式/自适应的网页 可以根据浏览器设备的不同(pc,pad,phone) 自动调用对应的布局，图片，文字效果，从而不会降低用户体验。 2.响应式网页必须做到的前 ...
分类：
其他好文 时间：
2019-10-03 20:17:01
阅读次数：
139
Bootstrap补充 一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md，sm， xs 4、空格和没有空格的选择器 二、响应式介绍 响应式布局是什么？ 同一个网页在不同的终端上呈现不同的布局等 响应式怎么实现的？ 1. CSS3 media query 媒 ...
分类：
其他好文 时间：
2019-10-03 10:53:20
阅读次数：
78
<! more 响应式布局 在不同尺寸的设备上都能良好的展示，这就是响应式布局设计（Responsive Layout） 产品形态： ? 1.PC端(全屏页面需要宽度自适应，但是一般都是固定宽度的) ? 2.PC+移动端用同一套项目（简单的页面，例如：产品介绍，公司展示类的官网等） ? 3.移动端（ ...
分类：
其他好文 时间：
2019-10-01 21:01:33
阅读次数：
108
