max-width

CSS3媒体查询Media Queries基础学习教程

CSSCode复制内容到剪贴板@media(max-width:600px){.facet_sidebar{display:none;}}当媒体查询为真时，相关的样式表或样式规则就会按照正常
时光微凉·2016-02-29 10:00

响应式布局之媒体查询

媒体查询语法：1、写在样式里:@media条件@mediascreenand(max-width:550px){ /*样式*/ } 2、写在link标签里媒体查询常用的是检测视口宽度（width）和屏幕宽度
tinyphp·2016-02-27 14:00

max-width

#main{max-width:600px;mar
风雨萧条·2016-02-25 22:01

max-width

#main{max-width:600px;mar
风雨萧条·2016-02-25 22:01

NEC 框架规范 template media

orientation:landscape){}/*竖屏*/@mediascreenand(orientation:portrait){}/*窗口宽度<960,设计宽度=768*/@mediascreenand(max-width
柠檬先生·2016-02-24 09:00

响应式WEB设计

1、常见浏览器窗口的尺寸断点：960px 1024px1280px1366px1440px 1680px 2、@mediascreenand(max-width:960px) //960px以下尺寸    
121686076·2016-02-20 08:00

odoo8编辑视图中sheet边距过宽问题调整

经过分析源码，这个风格是由如下CSS定义的：.openerp.oe_form_sheet_width{ min-width:650px; max-width:860px;
Chen Jian·2016-02-19 11:00

Css3媒体查询使用

媒体查询的使用方法：@mediascreenand(max-width:480px){ .col-xs-1{width:8.333333333333332%;float:left;} .col-xs
pyzheng·2016-02-17 11:00

Css3媒体查询使用

媒体查询的使用方法： @media screen and (max-width: 480px) {   .col-xs-1{width: 8.333333333333332%; float:left;}
透笔度·2016-02-17 10:00

Bootstrap 学习笔记1

在下面的代码中，可以看到img-responsive class为图像赋予了max-width:100%;和height:auto;属性，可以让图像按比例缩放，不超过其父元素的尺寸。.
米姐·2016-02-16 19:00

响应式设计

根据浏览器视口的窗口，Bootstrap可以按照纵横比或宽度的范围来优化布局，但最主要还是使用min-width和max-width属性。
惠鹏曦·2016-02-16 09:00

2016/02/14 codes

codorps-header{margin-top:60px;font-family:"MicrosoftYaHei";}.codorps-demos{margin:20px;}.grid-wrap{max-width
琳姐姐·2016-02-14 22:00

HTML DIV标签布局

body{       margin:auto;       width:800px;       #max-width:100%;     }     .
qq_21792169·2016-02-06 16:00

html5伸展菜单

效果截图    资源CSS样式@charset"utf-8"; @mediascreenand(min-width:320px)and(max-width:359px){html{font-size:12px
qq_16494241·2016-02-03 18:00

CSS 简易导航条

简易效果css部分#dh_menu{width:100%;max-width:1280px;margin:0auto;text-align:center;}#dh_menu>ul{display:inline-block
千年鱼仔·2016-02-02 17:00

CSS 简易导航条

简易效果css部分#dh_menu{width:100%;max-width:1280px;margin:0auto;text-align:center;}#dh_menu>ul{display:inline-block
千年鱼仔·2016-02-02 17:00

html下边导航菜单的制作

下边导航菜单的制作html代码 购物车是空的 立即下单 css样式#nav{ position:fixed; bottom:0; left:0; width:100%; } #nav.content{ max-width
花间草·2016-02-01 15:00

前端笔记十，大小、定位、轮廓相关属性

用于设置对象的高度max-height:设置对象的最大高度，如果该属性值小于min-height属性值，则自动转换为min-height的属性值min-height:设置对象的最小高度width:设置对象宽度max-width
李靠谱·2016-01-29 15:00

css学习笔记20160125分组嵌套选择器尺寸显示

所谓分组选择器就是当多个选择器对应的元素需要相同的样式时可以将多个选择器以逗号分隔放在一条样式声明的前面达到多个选择器多条样式声明相同的效果.所谓嵌套选择器就是实现对选择器内部的选择器对应的元素实现样式的设置.csscss尺寸(dimension)属性包括以下几个方面height,width,max-height,max-width
今秋复来此·2016-01-26 21:48

移动端适配：font-size设置的思考

可以使用rem这样的尺寸单位，针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px} @mediascreenand(min-width:321px)and(max-width
axl234·2016-01-25 11:00

css 盒子模型

1元素尺寸（1）设置元素尺寸div{width:200px;height:200px;}（2）限制元素尺寸div{min-width:100px;min-height:100px;max-width:300px
allenMun·2016-01-25 00:35

媒体查询

媒体查询规则：@mediaall{}将样式应用于所有类型，@media(min-width:800px){}将样式应用于最小宽度为800的@media(min-width:800px)and(max-width
WarmDoll·2016-01-20 21:04

媒体查询

媒体查询规则：@mediaall{}将样式应用于所有类型，@media(min-width:800px){}将样式应用于最小宽度为800的@media(min-width:800px)and(max-width
WarmDoll·2016-01-20 21:04

网站建设注意要点

一、为防止内容图片尺寸过大超出显示区域时，图片显示不全，必须设定内容显示区域内的图片最大显示尺寸为100%；.contentimg{max-width:100%;} 二、为防止文字多时布局出错，最好设定
吖然·2016-01-20 17:00

min-width最小宽度与max-width最大宽度

一、实际应用说明    最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。
乱世中的单纯·2016-01-18 16:00

单行显示css

table td {     text-overflow: ellipsis;     white-space: nowrap;     max-width: 100px;     overflow: 
凡尘网络·2016-01-15 10:00

AngularJS学习笔记1

使用AngularJS开发现代Web应用程序先看代码：html: Document body.container{ max-width:600px; } .checkbox{ margin-bottom
e891377·2016-01-14 20:00

让IE6支持兼容min-width、max-width CSS样式属性的方法

我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度，接下来由DIVCSS5为大家总结的解决IE6不支持min-width和不支持max-width的方法
佚名·2016-01-13 17:56

兼容IE6、IE7的min-width、max-width写法

很多时候，我们会想要设置容器的最小宽度或最大宽度，但IE6不支持min-width、max-width属性怎么办？
佚名·2016-01-13 12:09

移动端rem布局

body{font-family:Arial,Verdana,Sans-serif;max-width:640px;margin:0auto;}newfunction(){var_self=this;_
呆若木羊·2016-01-12 16:00

CSS Media Query

用法 Document @mediascreenand(max-width:640px){body{background-color:#008040;}}@mediascreenand(min-width
napoay·2016-01-12 14:00

jquery实现简单鼠标经过图片预览效果

2pxsolid#333;background:#333;padding:0px;display:none;color:#fff;}#previewimg{height:auto;width:auto;max-width
泥娃拉拉·2016-01-08 12:00

用最少的html标签实现图片上传进度展示

/*设置浮动，让宽度收缩，包裹图片，不然太宽，会出现进度展示块的宽度大于图片的宽度*/ float:left; } .image{ /*设置个最大宽度，防止宽度太大，超出父元素*/ max-width
欧米茄·2016-01-07 17:00

轮播图

padding:0;border:0;list-style-type:none;}#list{height:250px;list-style-type:none;overflow:hidden;}#luanpo{max-width
学海无涯-12·2016-01-02 15:00

初识CSS--常用元素总结(三)-盒模型

1.元素尺寸：width宽度 height高度 min-width最小宽度 min-height最小高度 max-width最大宽度 max-height最大高度 属性值均为： auto自适应 数字+
wqc_CSDN·2016-01-02 12:00

Android--WebView 自适应代码

//WebView自适应代码 privateStringgetHtmlData(StringbodyHTML){ Stringhead=""+ ""+ "img{max-width:100%;width
灬布衣丶公爵丨·2016-01-01 18:00

Android--WebView 自适应代码

//WebView自适应代码 privateStringgetHtmlData(StringbodyHTML){ Stringhead=""+ ""+ "img{max-width:100%;width
灬布衣丶公爵丨·2016-01-01 18:00

百度地图与bootstrap样式不兼容的问题

给出了解决办法bootstrap.css的样式里有放map(allmap)的样式，用地图的时候使用id="map_canvas"就行了#map_canvasimg{  max-width:none;} 
1634801662·2015-12-28 09:00

H5 响应式设计

这样的尺寸单位，同时给出了一段针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px}@mediascreenand(min-width:321px)and(max-width
FacebookTop·2015-12-25 10:07

纯JS打造移动端触屏滑动图片集

支持点击浏览支持方向键浏览支持图片延迟加载支持自动定时加载 效果图手机端：支持自动定时加载支持图片延迟加载支持点击浏览支持触屏滑动浏览  HTML代码片段：    CSS代码片段： .slide{position:relative;max-width
qiaolevip·2015-12-22 18:00

Android--WebView显示Html，让其中的图片适应屏幕宽度

setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);不知道为什么，这句代码失效了，所以我就在html文本前面加了个样式， img{max-width
灬布衣丶公爵丨·2015-12-21 16:00

Android--WebView显示Html，让其中的图片适应屏幕宽度

setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);不知道为什么，这句代码失效了，所以我就在html文本前面加了个样式， img{max-width
灬布衣丶公爵丨·2015-12-21 16:00

购物车自动结算功能

购物车 *{margin:0;padding:0} a{text-decoration:none;} ulli{float:left;list-style:none;} #wrapper{max-width
qq_19558705·2015-12-20 16:00

HTML5之canvas剪切图片

Canvas就能帮忙解决困扰啦，自己根据需求做的一个实例，实现这样的效果，以下贴代码 canvas剪切图片 @mediascreenand(min-width:320px)and(max-width
qq_16494241·2015-12-17 13:00

手机浏览器像素按照电脑浏览器像素规则显示

让手机浏览器（QQ浏览器）像素等，按照电脑浏览器像素规则显示：比如：电脑浏览器的像素和手机浏览器的像素不一致           电脑浏览器规定max-width：600px，小于600px按照宽屏全屏显示
u012246458·2015-12-14 16:00

响应式布局、流式布局

3.图片：百分比；如：img，object，video，ended{max-width：10
好好学习-天天向上·2015-12-14 15:00

响应式布局、流式布局

3.图片：百分比；如：img，object，video，ended{max-width：10
好好学习-天天向上·2015-12-14 15:00

仿腾讯吴亦凡视频播放案例

16494241/9472186以上是用到的文件，没有上传的资源路径用的是网络上资源，以下是页面代码 仿腾讯吴亦凡视频案例 @mediascreenand(min-width:320px)and(max-width
qq_16494241·2015-12-07 14:00

chrome 26.0.XXX版本下media query流媒体查询有问题的bug

这段代码什么意思：@mediaonlyscreenand(max-width:1360px)  当用户的界面小于等于1360px的时候，会加载该流媒体样式（此时的界面是包含滚动条的）；在Chrome/26.0.1384.0Safari
方方和圆圆·2015-12-04 00:00

css自适应media规则

media规则:根据屏幕分辨率来加载不同的css样式/**控制导航的自适应---首页-分类页**/ @mediascreenand(max-width:3000px){ .dp-nav>div{ width
u010363836·2015-11-30 11:00
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他