码迷,mamicode.com
首页 >  
搜索关键字:responsive breakpoin    ( 347个结果
Bootstrap组件之具有响应式特性的嵌入内容
根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定视频或 slideshow 的尺寸,能够在各种设备上缩放。这些规则被直接应用在 、、 和  元素上。 .embed-responsive——指定div为具有响应式特性的嵌入内容的组件; .embed-responsive-16by9、.embed-responsive-4by3——指定组件内元素宽高比分别为16:9...
分类:其他好文   时间:2015-08-01 19:08:36    阅读次数:108
Quantify
?QuantifyKeith Braithwaite“FAST” iS noT A REquiREMEnT. Neither is “responsive.” Nor “extensible.” The primary reason why not is that you have no objective way to tell if they’re met. But still users wa...
分类:其他好文   时间:2015-07-31 10:44:53    阅读次数:116
响应式网页设计简单入门
Overview:构造基本的HTML页面动态加载样式表Viewport字体缩放侧边栏导航菜单图片自适应其他总结说到响应式网页设计(Responsive web design),最近在谷歌加上碰到个奇葩贴子,通过一个原始到无法再简单的网页Motherfucking Website及满屏幕的fuck道出...
分类:Web程序   时间:2015-07-25 13:39:25    阅读次数:184
bootstrap2和bootstrap3的用法区别概述(一)
bootstrap2和bootstrap3的用法区别概述(一)一、表格中1.3增加了响应式表格为<table>外层div添加.table-responsive类,如果屏幕很窄此时表格会出现横向滚动条二、表单中1.3中<label>标签不能省略,即便不想显示在界面中,可以加.sr-only类2.官网中基本实例:3内用..
分类:其他好文   时间:2015-07-24 18:41:54    阅读次数:113
非常简单的使用jquery fancybox插件实现的查看图片效果
<html> 其中用到了bootstrap的图片处理,响应式图片属性img-responsive,和图片形状,img-thumbnail 写成class="img-responsiveimg-thumbnail" 然后fancybox直接用默认$("a.grouped_elements").fancybox(); $()这里的是选择器。 <head> <title> </title..
分类:Web程序   时间:2015-07-24 00:10:03    阅读次数:163
用3个步骤实现响应式网页设计
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。 文中提到的响应式网页设计(Responsive .....
分类:Web程序   时间:2015-07-17 18:14:16    阅读次数:129
【程序员联盟】官网上线啦!coderunity.com
大家也许会问:“这几天小编都没出文章,跑哪里happy去啦?是不是偷懒去了?” 小编:“臣妾冤枉啊。” 其实小编这几天都在制作【程序员联盟】的网站。经过设计,找资料,修改,测试,改源代码(PHP),美工,上传文章。终于算是做得基本能见人了。 我们的官网地址就是: coderunity.com 我们的网站是响应式的(Responsive design),所以在电脑,平板和手机上会自适应,而且呈现的内容优先级不一样。...
分类:编程语言   时间:2015-07-10 15:14:06    阅读次数:166
boostrap 里的media的图片为什么会看不见
可能的原因是 多了这行img的设置, 把这个设置去掉即可 img { ? /* make images responsive */ ? max-width: 100%; } 覆盖的代码? .media-left img{ ? max-width:none; ?} 原因是? ?media-left?是个table...
分类:其他好文   时间:2015-07-08 19:15:46    阅读次数:126
HTML5 手机网页制作笔记
最近在卓手机网页,第一次入手。把要用到的相关东西整理记录下来。一、http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html介绍如下二、允许网页宽度自动调整"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,...
分类:移动开发   时间:2015-07-08 12:30:58    阅读次数:181
IZISTORE - OPENCART 自适应主题模板 ABC-0023
IZISTORE - OPENCART 自适应主题模板 ABC-0023 FEATURES: Responsive design Theme Options Module Change the colour scheme within minutes from the admin panel. Adjust slideshow animation, speed. Add Fac...
分类:其他好文   时间:2015-07-04 21:04:17    阅读次数:248
347条   上一页 1 ... 19 20 21 22 23 ... 35 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!