一、定义断点 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366768）设置相应的min-width和max-width值

响应式网页 响应式网页设计采用css的媒体查询技术，将包括弹性布局，弹性图片、媒体和媒体查询整合在一起，为响应式网页设计。 页面会随着窗口的尺寸变化做出相应的改变。 视口是浏览器显示的内容区域，不包括工具栏标签栏。可以通过设置width来控制视口的大小，device-width…

youlie自适应网站与响应式网站的区别在哪？两者之间有什么区别吗？对于自适应网站与响应式网站的区别，我想很多人都会有所误解，以为两者是是一样的。其实不是，从网站建设的角度来讲自适应网站建设也是响应式网站建设&…

一、前言 css3动画效果的强大不言而喻，自它出现一直热度不减，它与js动画的优劣也一直成为前端界争论的话题，不可置疑的是css3动画的出现在一定程度上降低了动画效果的实现难度，利于前端的学习，其精简的代码量把我们从烦人的js调试中解放出来，当然css的动画效果有其局限性…

flex伸缩布局 一、是什么 Flexible Box 简称 flex，意为”弹性布局”，可以简便、完整、响应式地实现各种页面布局，采用Flex布局的元素，称为flex容器container。它的所有子元素自动成为容器成员，称为flex项目item。 容…

文章目录 一、响应式网页简介二、Web开发工具三、响应式开发1、宽度断点2、media媒体查询 一、响应式网页简介 响应式网页设计，是一种常用的网页设计布局。其核心思想为：网页内容可以随着用户使用的设备分辨率的不同而改变。从而达到能够适应不同设备效…

Bootstrap是目前比较受欢迎的前端框架。它是基于 HTML、CSS、JAVASCRIPT 的，简洁灵活。因为在前几个月的学习中有了解到Bootstrap，并且当时就使用Bootstrap制作了简单的响应式布局。最近又接触到，所以还是打算写下这篇文章，算是记…

主流浏览器有5种：IE、chrome、firefox、safari、opera. 浏览器兼容 „ 浏览器私有前缀 -moz- 火狐浏览器-webkit- 360、苹果、猎豹、搜狗、QQ、 Chrome等浏览器-o- Opera/欧朋浏览器-ms- IE、百度等浏览器 „ 跨…