如今，显示器的分辨率越来越多，终端也变得多样化，web开发页面的自适应问题越来越多，如果不做处理，一旦显示器的分辨率发生变化，展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现，而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应：1、设置最外层容器（如 ...
分类：
Web程序 时间：
2014-06-25 21:28:36
阅读次数：
378
如今，显示器的分辨率越来越多，终端也变得多样化，web开发页面的自适应问题越来越多，如果不做处理，一旦显示器的分辨率发生变化，展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现，而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应： 1、设置最外层容器（如...
分类：
Web程序 时间：
2014-06-25 17:37:21
阅读次数：
189
如今，显示器的分辨率越来越多，终端也变得多样化，web开发页面的自适应问题越来越多，如果不做处理，一旦显示器的分辨率发生变化，展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现，而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应：1、设置最外层容器（如 ...
分类：
Web程序 时间：
2014-06-25 17:13:25
阅读次数：
311
1.BootStrap介绍 BootStrap是一套简介、直观、快速、高效的web前端开发框架，它提供的丰富的组件以及图标，还有多种布局风格，整体采用响应式布局模式，兼容PC及移动设备，它的诞生是每一位web开发者的福音，使得开发者将更多的精力放在业务逻辑的设计上，不再为界面数据的展示而...
分类：
其他好文 时间：
2014-06-17 12:51:45
阅读次数：
246
①
高度调整公式会产生百分比，浏览器是会直接取整，因此可能会产生-2到2px的误差；解决方法：调整后记录每行误差值gap,然后循环把gap的值分给同行每一张图片，这样前2张图片可能会有±1px的图片宽度变化，但是用户基本觉察不了图片的轻微拉伸变化。②
等高响应式布局里用户图片数可能过少，会有图片只有...
分类：
其他好文 时间：
2014-06-03 14:38:50
阅读次数：
393
目前互联网上关于flex流动布局的文章很少，搜索关于flex的文章，大部分还介绍的是旧的知识点，显然已经不符合当前的w3c标准了，要想了解flex的相关内容，可以参考css学习19：css3
flex流动自适应响应式布局样式类http://qianduanblog.com/2549.html。并且，...
分类：
Web程序 时间：
2014-05-30 08:12:41
阅读次数：
413
当你需要搞定响应式布局时，一堆堆的媒体查询、大量的属性、属性值往往可以把你搞颠，SASS（或者诸如此类的预处理器）被认为是处理响应式断点的最佳利器。
说到响应式断点处理，很多种方式涌上心头，经常有人问哪种方式最优，正如前端开发领域的大多数问题一样，这个问题同样没有标准答案，我们需要具体问题具体分析。...
分类：
其他好文 时间：
2014-05-26 03:22:50
阅读次数：
355
今天偶然看到一本书《Pro SharePoint 2013 Branding and Responsive Web Development》，看到SharePoint 2013基于HTML5的响应式的布局，就简单的尝试了一下，感觉还不错。当页面在不同的浏览器可视区域上浏览的时候，会通过不一样的css文件来进行展示，使用户在浏览页面中能尽可能的达到最佳体验。
下面简单看看效果，在1380px浏...
分类：
Web程序 时间：
2014-05-24 21:07:20
阅读次数：
347
今天制作了一个响应式导航条，能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式，这里主要用到的就是CSS3的Media
Query。具体可以查看浅谈响应式布局这篇文章，这里就不花费大量的篇幅介绍了，主要看一下这个导航条该怎么做。另外需要提到的是，ie6-ie8是不支持CSS3的Me...
分类：
Web程序 时间：
2014-05-18 19:33:42
阅读次数：
403
Unicorn - Admin TemplateUnicorn - Admin Template
是一款支持视网膜屏幕、完全响应式布局，可用于任何应用程序的管理模板。该面板适应任何宽度的设备。无论是智能手机、平板电脑或桌面浏览器都能完美适应。最新版本基于
Bootstrap 3 构建。使用LESS编...
分类：
Web程序 时间：
2014-05-11 15:17:35
阅读次数：
551
