码迷,mamicode.com
首页 >  
搜索关键字:responsive breakpoin    ( 347个结果
Responsive Design ------响应式设计
什么是响应式设计呢?维基百科是这样对响应式作的描述:“Responsive设计简单的称为RWD,是精心提供 各种设备都能浏览网页的一种设计方法,RWD能让你的网页在不同的设备中展现不同的设计风格。”从这一点描述来说,RWD不是流体布局,也不是网格布局, 而是一种独特的网页设计方法。响应式设计要考虑元...
分类:其他好文   时间:2015-10-04 01:34:13    阅读次数:326
Medial Queries的另一用法:实现IE hack的方法
所谓Medial Queries就是媒体查询。随着Responsive设计的流行,Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择,让站点在不同的设备中实现不同的效果。众所周知,有些时候为了实现IE下的某些效果与现代浏览器一致,我们不得不使用一些ha...
分类:其他好文   时间:2015-09-30 22:09:01    阅读次数:179
响应式Web设计(Responsive Web design)
中文名响应式Web设计提出时间2010年5月英文Responsive Web design解释一个网站能够兼容多个终端目的解决移动互联网的浏览优点面对不同分辨率设备灵活性强等 页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多...
分类:Web程序   时间:2015-09-19 15:16:34    阅读次数:200
[Bootstrap]7天深入Bootstrap(3)CSS布局
Bootstrap三大核心内容的基础,即基础的CSS 布局语法。其包括基础排版(Typography)、代码(Code)、表 格(Tables)、表单(Forms)、按钮(Buttons)、图片 (Images)、辅助类(Helper Classes)和响应式设计 (Responsive utili...
分类:Web程序   时间:2015-09-09 19:05:38    阅读次数:185
响应式的3个简单步骤
如今,一个网站只在桌面屏幕上好看是远远不够的,同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸,自动响应客户端尺寸变化。在这篇文章中,我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式(Responsive)。1 – 布局 当创建一个响应式网站,或让现有....
分类:其他好文   时间:2015-09-05 19:12:49    阅读次数:183
css网页自适应-1
一、"自适应网页设计"的概念2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并...
分类:Web程序   时间:2015-08-27 12:44:49    阅读次数:168
自适应网页设计(Responsive Web Design)
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达...
分类:Web程序   时间:2015-08-19 08:11:14    阅读次数:172
Boostrap入门+样式学习--肆--
12. 图像 1、img-responsive:响应式图片,主要针对于响应式设计 2、img-rounded:圆角图片 3、img-circle:圆形图片 4、img-thumbnail:缩略图片 由于样式没有对图片做大小上的样式限制,所以在实际使用的时候,需要通过其他的方式来处理图片大小。比如说控制图片容器大小。(注意不可以通过css样式直接修改img图片的大小,这样操作就不响应了) 对...
分类:其他好文   时间:2015-08-16 16:41:51    阅读次数:233
标签”选中”状态
menu.html <div class="collapse navbar-collapse navbar-responsive-collapse cf "> ?<ul class="nav navbar-nav"> ?<li ? th:class="${#strings.isEmpty(goodsForm.commodityTypeId)?‘active‘:‘‘}"><a th:hr...
分类:其他好文   时间:2015-08-13 16:02:12    阅读次数:117
针对不同的屏幕加载样式表
即针对每种不同的屏幕,选择不同的样式表 在Responsive布局中,可以毫无保留的丢弃: 第一, 尽量少用无关紧要的div; 第二,不要使用内联元素(inline); 第三,尽量少用JS或flash; 第四,丢弃没用的绝对定位和浮动样式; 第五,摒弃任何冗余结构和不使用100%设置。 有舍才有得,丢弃了一些对Responsive有影响的东东,那么有哪...
分类:其他好文   时间:2015-08-04 15:45:35    阅读次数:126
347条   上一页 1 ... 18 19 20 21 22 ... 35 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!