实现效果：根据缩放比例不同或者浏览设备不同显示不同的css布局 代码如下： ...
分类：
其他好文 时间：
2019-02-09 10:38:40
阅读次数：
151
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后坚持移动设备优先。 为什么要使用Bootstrap？ 在Bootstrap出现之前： ...
分类：
其他好文 时间：
2019-01-22 14:25:39
阅读次数：
157
摘自：https://www.sohu.com/a/225633935_647584 随着互联网时代的发展，我们对网页布局有了新的要求，大气，美观，能够在不同的设备上呈现令人焕然一新的效果。此时，一个全新的概念——响应式布局应运而生！它的诞生为我们的移动端布局带来了很大的便利，因此学习响应式页面布局 ...
分类：
Web程序 时间：
2019-01-12 12:06:18
阅读次数：
233
摘自：https://blog.csdn.net/lesouls/article/details/81454568 第一步：在网页代码的头部，加入一行viewport元标签（1）viewport是网页默认的宽度和高度，上面这行代码的意思是：网页宽度默认等于屏幕宽度 （width=device-wid ...
分类：
Web程序 时间：
2019-01-12 12:03:42
阅读次数：
239
直接调用代码即可，不过不同屏幕宽度要求会不同，相应修改一下就ok了 ...
分类：
Web程序 时间：
2019-01-07 01:45:14
阅读次数：
184
有时候需要对bootstap的样式自定义，比如说某个元素的“height”值，要放在与bootstrap媒体查询同步的样式里，才会兼容响应式布局。 ...
分类：
其他好文 时间：
2018-12-31 13:05:55
阅读次数：
330
1.视口视口是移动设备上用来显示网页的区域，一般会比移动设备可视区域大，宽度可能是980px或者1024px，目的是为了显示下整个为PC端设计的网页，这样会让移动端出现横向滚动条，为了避免这种情况，移动端会将视口缩放到移动端窗口的大小，这样会让网页不容易观看，可以使用meta标签，name="viewport"来设置视口的大小，将视口的大小设置为和移动设备可视区一样的大小。&l
分类：
Web程序 时间：
2018-12-30 20:25:54
阅读次数：
288
bootstrap实现导航栏的响应式布局，当在小屏幕、手机屏幕浏览时自动折叠隐藏 直接放代码，更容易理解。下次可以套这个代码 这是pc端的页面效果： 这是phone端的效果： ...
分类：
其他好文 时间：
2018-12-23 20:47:26
阅读次数：
158
响应式网站：https://www.microsoft.com/zh-cn/ 页面缩放，框架变动 自适应网站：http://m.ctrip.com/html5/ 页面缩放，整体等比例缩放（框架不变） 响应式 一、响应式布局框架的优点、缺点、原理 优点： 1.面对不同分辨率设备灵活性强 2.能够快捷解 ...
分类：
其他好文 时间：
2018-12-23 11:11:48
阅读次数：
195
图片 响应式图片 在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。 如果 ...
分类：
其他好文 时间：
2018-12-13 19:14:15
阅读次数：
166
