max-width

微信小程序教程（第八篇）

#img-content{width:100%}#img-contentimg{max-width:100%!
插班实习山大王·2017-01-16 15:31

Bootstrap3 图片（响应式图片&图片形状）

其实质是为图片设置了max-width:100%;和height:auto;属性，从而让图片在其父元素中更好的缩放。SVG图像和IE8-10在InternetExplore
杜瑞祺·2017-01-04 08:13

【转载】css水平垂直居中

样本:基础样式：.wrap{width:400px;height:300px;max-width:100%;border:1pxsolid#000;}.content{display:block;width
shameyou·2016-12-28 20:30

CSS样式书写顺序

"position","top","right","bottom","left","z-index","display","float","width","min-width","max-width",
qq512430·2016-12-28 11:44

JS实现的简单轮播图运动效果示例

padding:0;border:0;list-style-type:none;}#list{height:250px;list-style-type:none;overflow:hidden;}#luanpo{max-width
hcjavascript·2016-12-22 09:10

12.20bootstap 基础

响应式布局body{//样式background:#444;}@mediascreenand(max-width:500px){//当屏幕小于500时，的css样式body{//样式background
overisover·2016-12-21 09:28

JS插件plupload.js实现多图上传并显示进度条

0px;padding:0px;font-family:MicrosoftYahei;box-sizing:border-box;-webkit-box-sizing:border-box;}.demo{max-width
神夜大侠·2016-11-29 16:03

HTML/CSS学习汇总（6）

CSS：盒模型用width和height属性设置盒模型大小，单位可以是px,em或%：.navigation{height:320px;width:100%;}用min-width和max-width，
Coding_ZXY·2016-11-17 21:42

HTML/CSS学习汇总（6）

CSS：盒模型用width和height属性设置盒模型大小，单位可以是px,em或%：.navigation{height:320px;width:100%;}用min-width和max-width，
Coding_ZXY·2016-11-17 21:42

Bootstrap 学习之 (五) ------ 图片及辅助类

其实质是为图片设置了max-width:100%;和height:auto;属性，从而让图片在其父元素中更好的缩放。
csdn9_14·2016-10-31 14:05

@media语法规则

这类似于CSS属性，如：max-width:960px。(CSS3)说明：指定样式表规则用于指定的媒体类型和查询条件。IE8及以下只能实现CSS2中的部分，即只可以设置媒体类型。
Daisukes·2016-10-19 16:15

Angular Material 教程之布局篇 (二) : 布局容器

max-height=100%和max-width是容器中项目的宽度。column:垂直排列的项目。max-width=100%和max-heigh
DemoPark·2016-10-19 00:00

完美解决phpcms图片太大撑破表格图片自适应图片按比例缩小

CSSCode复制内容到剪贴板img,aimg{border:0;margin:0;padding:0;max-width:590px;width:expression(this.width>590?"
佚名·2016-10-18 07:15

@media 注意事项 写作顺序问题（非常重要）

原来有这么回事：我们知道min-width表示最小即大于等于，max-width表示最大即小于等于；但我们也很清楚CSS样式跟DOM结构跟JS一样从前往后加载，后面重复代码会覆盖之前代码。
DanielYue·2016-09-20 11:22

运用@media实现网页自适应中的几个关键分辨率

为什么是小于767而不是768呢，那是因为在css中@media(min-width:768px)表示最小是768也就是>=768，这里有等于，所以我们判断更小的设备用@media(max-width:
chaoluo001·2016-08-30 14:00

CSS基础教程 -- 媒体查询屏幕适配

如：width会有min-width和max-width媒体查询可以被用在CSS中
Angel_andy·2016-08-24 14:57

css媒体查询

@mediascreenand(max-width:300px){body{background-color:lightblue;}}Paste_Image.png1.CSS语法@mediamediatypeand
lmem·2016-07-04 11:53

HTML5 的 CSS3 Media Queries 实践

@media(max-width:600px){ .fac
xhload3d·2016-06-27 00:00

实践 HTML5 的 CSS3 Media Queries

@media(max-width:600px){ .fac
xhload3d·2016-06-21 09:00

实践 HTML5 的 CSS3 Media Queries

@media(max-width:600px){.facet_sidebar{di
hightopo·2016-06-21 00:00

JS/JQ常见兼容辅助插件

1.Respond.jsRespond.js是一个快速、轻量的polyfill，用于为IE6-8以及其它不支持CSS3MediaQueries的浏览器提供媒体查询的min-width和max-width
心存善念·2016-06-15 11:00

CSS3实现翘边的阴影效果的代码示例

{width:300px;height:100px;background:#ccc;border-radius:10px;margin:10px;}.shadow{position:relative;max-width
trigkit4·2016-06-13 12:13

【整理】CSS3知识点5

list-style-type:none;}ullia{  color:green;  text-decoration:none;  padding:3px;   display:block;}@mediascreenand(max-width
for_cxc·2016-05-31 13:00

css布局小技巧分享(必看)

1.max-width:当页面左右宽度缩小时，为了避免出现左右滚动条的糟糕体验，就可以用到max-width啦！
佚名·2016-05-24 09:31

CSS3中的Media Queries学习笔记

复制内容到剪贴板四、内联样式示例CSSCode复制内容到剪贴板@mediascreenand(min-width:980px){//csscode}@screenand(min-width:768px)and(max-width
冰点·2016-05-23 11:26

HTML5培训第11节课堂笔记（响应式布局：媒体查询，条件注释，mui基础知识，引导页小实例）

@media用法             @mediaonlyscreenand(min-width:100px)and(max-width:500px)           {                     
u013267266·2016-05-05 08:00

CSS 属性之中经常出现的百分比

我特意查看了一下W3C的CSS2.1标准，在此整理下：百分比单位乘以包含块的宽度margin,padding,left,right,text-indent,width,max-width,min-width
jerrylsxu·2016-05-04 08:00

CSS 属性之中经常出现的百分比

我特意查看了一下W3C的CSS2.1标准，在此整理下：百分比单位乘以包含块的宽度margin,padding,left,right,text-indent,width,max-width,min-width
jerrylsxu·2016-05-04 08:00

vue-validator demo

body{background-color:#DADADA;}body>.grid{height:100%;}.image{margin-top:-100px;}.column{max-width:450px
Chobits·2016-05-04 00:00

CSS3：媒体查询

style中或者样式表中，用在style中的语法如下： @medialogictypeand(feature:value){ /*目标CSS样式规则写在这里*/ } 例如： @mediascreenand(max-width
liuy_98_1001·2016-05-03 18:00

图片自适应div的大小

center;margin:0px;padding:0px;}#pic{margin:0auto;width:800px;padding:0;border:1pxsolid#333;}#picimg{max-width
WarmDoll·2016-05-03 16:34

把一张图片改成不同的样式

img{ width:33%; height:auto; float:left; max-width:235px; } .blur{-webkit-filter:blur(4px);filter
haoyunyun888·2016-05-03 09:00

Bootstrap模板代码+页面自适应页面的案例代码

Bootstrap101Template @mediaonlyscreenand(min-width:100px)and(max-width:400px){ #test
toto1297488504·2016-05-02 23:00

CCS3 @media实现响应式布局

看下面代码@media (max-width: 320px){       #footer    {        font-size:13px;    }}只有当浏览器宽度小于320px时，#footer
zcfortest·2016-04-29 17:52

CCS3 @media实现响应式布局

看下面代码@media (max-width: 320px) {        #footer     {         font-size:13px;     } }只有当浏览器宽度小于320px时
zcfortest·2016-04-29 17:52

CSS媒体查询(@media)

@mediaonlyscreenand(max-width:500px){ .gridmenu{ width:100%; } .gridmain{ width:100%; } .gridright
贫民窟里的程序高手·2016-04-29 10:00

jQueryMobile在开发中的知识总结

问题一：对话框    对话框大小设置：.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { max-width: 
木木web前端·2016-04-27 11:00

图片超出撑破DIV处理技巧

假如该对象宽度为500像素，那我们就只需设置img{max-width:500px}。
qq_26297581·2016-04-26 15:00

如何让DIV居中？

想实现的效果是这样的如下图：CSS这样写.r_container{width:100%;float:left;} .itab_items{height:78px;line-height:78px;width:100%;max-width
kakaxiD·2016-04-20 10:00

Hexo系列3：博客优化

common\components\sidebar\sidebar-author.styl中的内容如下.site-author-image{ display:block; margin:0auto; max-width
u011116672·2016-04-16 20:00

Flex布局实例

cssbody,div,ul,li,aside,article{margin:0;padding:0;list-style-type:none;} .container{width:100%;max-width
WRian_Ban·2016-04-14 15:00

图片自适应

HTML代码： CSS代码：.user-image{max-width:100%;height:auto;}max-width:100%;现在的浏览器都支持这种表达方式。
risoben·2016-04-14 14:00

HTML一些小技巧

functionfooter(obj:JQuery){if($("body").height().col-4{width:400px;}@media(max-width:400px){.col-4{width
Aey·2016-04-14 10:30

css 时间线 面包屑 进度条

成立合作发展共赢1keso2FlyElephant3博客园4创业/*横向时间轴*/.time-horizontal{list-style-type:none;border-top:1pxsolid#707070;max-width
cncco·2016-04-14 01:23

bootstrap去掉栅格之间的距离

@media (max-width: @screen-sm) {     [class*="col-"] {       padding-left: 0;       padding-right: 0;
adamduan·2016-04-12 20:00

feeds流中的图片

发现最终都显示的很小，max-width或者max-height为100，当然这里不是用css提前写死，而是动
addy·2016-04-10 00:00

CSS学习（五）——区块、浮动、定位、溢出、滚动条

width像素/百分比区块的宽度height像素/百分比区块的高度min-height像素/百分比区块的最小高度max-height像素/百分比区块的最大高度min-width像素/百分比区块的最小宽度max-width
交易程序猿·2016-04-05 19:50

CSS学习（五）——区块、浮动、定位、溢出、滚动条

width像素/百分比区块的宽度height像素/百分比区块的高度min-height像素/百分比区块的最小高度max-height像素/百分比区块的最大高度min-width像素/百分比区块的最小宽度max-width
codemonkeysama·2016-04-05 19:00

H5+CSS3简单动画 知识点 汇总

配套使用，用于标签定义figure元素标题2.媒体查询：通过不同的媒体类型和条件定义样式规则；媒体查询大部分媒体特性都接受min和max用于表示“大于等于”或“小于等于”：width:min-width;max-width
qq_29066959·2016-03-30 17:00

视图适配

@mediaonlyscreenand(max-width:320px){.lincoapp-home-slideImagea{min-height:165px} } @mediaonlyscreenand
拜月和三个丘比特·2016-03-26 21:00
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他