正常情况下 使用bootstrap 比原生代码 写响应式布局更快 补充上一文《bootstrap的实际应用》： web端 必做兼容性 适应各种浏览器 可能有几套图 经常使用雪碧图 app端 有不同的屏幕尺寸 且必须进行自适应{ @media srceen 或者 bootstrap 或者 JS } 也 ...
分类：
其他好文 时间：
2016-09-26 06:21:23
阅读次数：
140
css属性pc@madia screen and min-width;1000px平板@秘典screen and min-width；768px and max-width;999px手机@ media screen and max-width ; wed appcss 响应式布局 @mediums ...
分类：
其他好文 时间：
2016-09-26 06:19:15
阅读次数：
99
所谓的响应式布局，就是设计一个网站的时候，让它满足能同时适应不同的端口，而不用对不同端口设计不同的网页。 实现方式：采用百分比自适应布局 1.原生代码实现。 在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下，必须满足只设计一个页面的情况下，满足不同端口都能正常使用， 因此 ...
分类：
其他好文 时间：
2016-09-26 00:48:45
阅读次数：
172
优点： 面对不同分辨率设备灵活性强 能够快捷解决多设备显示适应问题 缺点： 兼容各种设备工作量大，效率低下 代码累赘，会出现隐藏无用的元素，加载时间加长 其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果 一定程度上改变了网站原有的布局结构，会出现用户混淆的情况 通过不同的媒介类型和 ...
分类：
其他好文 时间：
2016-09-26 00:37:19
阅读次数：
154
当今，中国网页一般都是分为APP和PC端来进行布局的，意思是写套网页。 在国外，一般都是写一套，自适应的网页。 今天，简单的介绍下，通过@media这种媒体查询，通过改变屏幕的宽度，从而来达到自适应的效果 和平时单独分开写网页有点不一样，这种自适应的网页，需要我们建立3个css文件，意思是要引用3个 ...
分类：
其他好文 时间：
2016-09-25 22:27:42
阅读次数：
199
1、自适应页面：能使页面自适应显示在不同大小终端设备上的页面。2、响应式布局：一个网站能够兼容多个终端，而不是为每个终端都做一个特定的版本，实现响应式布局的方法：bootstrap和CSS原生代码两种方法。3、CSS原生代码是通过@Media媒体查询，改变屏幕宽度使其自适应。4、响应式布局中：单位1 ...
分类：
其他好文 时间：
2016-09-25 22:09:39
阅读次数：
140
正常情况下 使用bootstrap 比原生代码 写响应式布局更快 补充上一文《bootstrap的实际应用》： web端 必做兼容性 适应各种浏览器 可能有几套图 经常使用雪碧图 app端 有不同的屏幕尺寸 且必须进行自适应{ @media srceen 或者 bootstrap 或者 JS } 也 ...
分类：
其他好文 时间：
2016-09-25 14:39:46
阅读次数：
91
主流浏览器有5种：IE、chrome、firefox、safari、opera. 浏览器兼容 ? 浏览器私有前缀 ? 跨浏览器的默认样式 ? React.js 在浏览器中的兼容情况 ? Css3 在浏览器中的兼容问题 ? 常用css内 hack 浏览器兼容写法，这次portal的兼容我使用的是选择器 ...
分类：
其他好文 时间：
2016-09-24 19:06:14
阅读次数：
118
第33 章项目实战-兼容响应式布局[2]学习要点：1.搜索响应式2.底部响应式 本章主要开始如果将前两个项目再进行重构，设计成既可以在PC 端正常显示，又可以在PAD 上浏览，还可以在移动端有良好的体验。这些都必须兼容，那只有使用响应式设计了。一．搜索响应式在PC 端，我们将搜索的文本框和按钮至于大 ...
分类：
其他好文 时间：
2016-09-20 12:18:49
阅读次数：
238
第33 章项目实战-兼容响应式布局[1]学习要点：1.响应式初探2.起始部分 本章主要开始如果将前两个项目再进行重构，设计成既可以在PC 端正常显示，又可以在PAD 上浏览，还可以在移动端有良好的体验。这些都必须兼容，那只有使用响应式设计了。一．响应式初探在前面的两个项目中，我们分别设计了PC 端固 ...
分类：
其他好文 时间：
2016-09-20 11:55:26
阅读次数：
157
