max-width

一步一步来制作CSS3 3D旋转相册

设置图片最大伸缩到自身宽度，这里说下max-width:100%与width:100%的区别，前者图片最大伸展到图片实际的宽度，后者伸展最大伸展到父级元素的宽度，也就是说如果父级的宽度超过图片的宽度后者会拉伸超过图片实际宽度导致模糊失真
校园苦行生·2018-06-24 11:10

如何将table里的单元格自动换行

直接进入主题1.设置table得整体宽度2.设置单元格的宽度3.如果table的宽度设置成100%,单元格自适应,则给单元格设置max-width,超过该宽度时就自动换行代码:姓名班级成绩css样式:.
x_apricot·2018-06-17 16:33

(移动端媒体查询) 总结 上

是时候计划给自己每天做一个小小的总结.虽是小白,但每天的总结是不可少的1.媒体查询meta语句(熟记)媒体类型引用方法:(1)link方式(2)@import方式@importurl(style.css)screenand(max-width
dbl_web·2018-06-11 21:04

inline-block 问题

1.问题如下：勋章墙魅力之王.honor-title防止过长就加了超出用省略号显示的样式，如下：display:inline-block;max-width:4rem;overflow:hidden;text-overflow
CamilleZJ·2018-06-11 13:34

flex中的flex-basis

flex-basis表示在flexitems被放入flex容器之前的大小，也就是items的理想或者假设大小，但是并不是其真实大小，其真实大小取决于flex容器的宽度，flexitems的min-width,max-width
静简明·2018-06-10 22:09

2018-05-31

2.浏览器窗口小于元素宽度时，使用max-width代替width可以使浏览器更好的处理小窗口情况。3.box-sizing:border-box;设置后，内边距和边框不会再增加盒模型的宽度。
柠萌_e662·2018-06-05 11:32

移动端适配安卓和苹果样式

;}html{font-size:5.25vw;}body{-webkit-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden;max-width
大可大可抖·2018-05-31 15:59

Rem实现移动端适配

：inline-block，让div盒子横着排移动web：采用定高，宽度百分比，flex弹性布局，meDIAQUERY媒体查询；媒体查询结合css，通过媒体类型（screen、print）和媒体参数（max-width
美美王子·2018-05-15 18:59

媒体查询

1200px时，大屏幕，主要是PC端/@media(min-width:1200px){}/在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC/@media(min-width:992px)and(max-width
菜鸟不菜么·2018-05-11 16:38

CSS3实现多样的边框效果

div{/*关键代码*/border:10pxsolidrgba(255,255,255,.5);background:white;background-clip:padding-box;/*其它样式*/max-width
佚名·2018-05-04 09:31

web app响应式字体设置！rem之我见

（那个是被逼的啊首先看代码：@media screen and (max-width:362px)and(min-width: 330px){    html{font-size: 60%;}    /
zhoulujun·2018-05-02 10:00

web app响应式字体设置！rem之我见

（那个是被逼的啊首先看代码：@media screen and (max-width:362px)and(min-width: 330px){    html{font-size: 60%;}    /
周陆军·2018-05-02 10:39

响应式网站设计

下面是在进行响应式设计过程中需要注意的几个点：设置viewport图片溢出问题假设设备的宽度为1000px,而图片的大小为1200px,那么势必会产生横向滚动条，这是很不友好的，解决方案是：#为元素添加max-width
linliqzh·2018-04-27 14:26

svg实战

解决方案：设置width为固定尺寸或者max-width:100%问题描述：滤镜在部分浏览器中存在兼容性问题解决方案：降级使用pngjpg图片替代，或者不影响主体功能的话，可忽略参考资料一些SVG向下兼容优雅降级技术
candice2cc·2018-04-17 12:20

微信小程序之富文本图片适应

content='富文本'content.replace('max-width:100%;height:auto"')//防止富文本图片过大会自动将所有Img前缀都
_Daniel_·2018-04-16 19:17

js loading封装

{{image("static/background/image/loading.gif","alt":"loading","style":"max-width:200px;margin:200px100px100px200px
soda_1·2018-04-16 14:52

长图横竖屏h5

开发遇到问题以及需要注意问题：1）单位计算：用了百分比做单位布局（图片：元素高度/设计稿的总高度），其他位置调整也是这样计算）2）媒体查询（横竖屏设置不同屏幕宽度的尺寸（用百分比））/横屏/@mediascreenand(max-width
lilyping·2018-04-14 23:43

漂亮的用户反馈界面（CSS/HTML）

代码部分：report.Content-Main{max-width:500px;margin:auto;margin-top:50px;padding:20px30px20px30px;font:12px"HelveticaNeue
qq_38959715·2018-04-13 16:09

opacity实现渐变过渡

css*{margin:0;padding:0;}.box{max-width:400px;height:200px;background:linear-gradient(toright,olive,green
dongsdh·2018-04-08 14:03

background-color实现渐变过渡

css*{margin:0;padding:0;}.box{max-width:400px;height:200px;background:redlinear-gradient(toright,rgba
dongsdh·2018-04-08 14:06

background-position实现渐变过渡

前言：前辈的想法总是那么出乎意外，background-size:200%,背景色是两个单位的位置CSS*{margin:0;padding:0;}.box{max-width:400px;height
dongsdh·2018-04-08 13:17

2018-04-05 期中考试

GBK编码2.移动端适配在html的head里加上meta（背下来）快捷键：meta:vp+tabmediaquery（媒体查询）在引用css的时候加上media属性在css里用media@media(max-width
彭奕泽·2018-04-07 13:29

HTML/CSS 一个非常漂亮的户信息输入页面（含照片）

先上效果图：代码部分：UserInfo.Content-Main{max-width:500px;margin:auto;border:none;border-radius:5px;-moz-border-radius
qq_38959715·2018-04-02 23:36

html，js，jq转盘抽奖

直接粘贴代码幸运大转盘html{font-family:"HelveticaNeue",Helvetica,sans-serif;font-size:20px;}body{max-width:768px
招来红月·2018-03-30 14:09

鼠标触发，从左到右渐变

ed6868;position:absolute;top:0;left:0;font-size:30px;border-bottom:2pxsolidpink;}.animate:hover::before{max-width
青春..荒唐·2018-03-27 08:00

鼠标触发，从左到右渐变

ed6868;position:absolute;top:0;left:0;font-size:30px;border-bottom:2pxsolidpink;}.animate:hover::before{max-width
青春..荒唐·2018-03-27 08:00

秒懂 javascript 拖拽上传文件

代码直接贴代码了，复制到本地.html文件中即可实现以上演示效果：dragfile*{margin:0;padding:0;}.container{width:60%;max-width:600px;height
lonelydawn·2018-03-23 16:43

奇舞-响应式-笔记

同一个页面可以适应不同屏幕大小设备的设计方案响应式图片大图随容器自动缩放，保持宽高比max-width：100%背景图片background-size：cover；//背景图片大小不会改变background-size
爱lv行·2018-03-21 11:15

CSS实现表格表头（thead）固定，内容（tbody）滚动

，并且表格列数蛮多的，刚开始实现起来遇到各种问题，感觉蛮复杂的，后来找到了一种利用transform的方法实现，效果还不错，请看代码~~~~~~————代码————.table{width:100%;max-width
Katherine_Lisa·2018-03-20 10:10

改写文件上传支持断点续传-前端JS代码

前端代码*{margin:0;padding:0;box-sizing:border-box;}body{background:#f5f5f5;}.row_input{width:100%;max-width
温暖春阳·2018-02-09 17:38

移动web开发———第四天

mediascreenand(min-width:768px){}@mediascreenand(min-width:992px){}@mediascreenand(min-width:1200px){}或者@media(max-width
我是小谷粒·2018-02-06 15:12

移动web开发———第三天

2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询
我是小谷粒·2018-02-05 10:58

总结篇（一） -- 基础知识

模块通过媒体查询，从而判断采用的样式主要是有两种方式：元素中的媒体查询这个标签表示只有width在800px-1400px时才采用style.css这个样式表样式表中的媒体查询在样式表中书写媒体查询@media(max-width
bowen_wu·2018-01-30 00:09

jquery实现表格行上移下移和置顶

important;width:100%;max-width:100%;margin-bottom:20px;}.tabletd,.tableth{backgr
苹果π·2018-01-22 14:00

移动端rem布局的两种实现方法

但是我还是喜欢用引入js的方法来实现rem布局，尽管现在市面上大多数都在使用css媒体查询的方式实现，在此我就将这两种方法做一总结：方法一：常用方法，css媒体查询@mediaonlyscreenand(max-width
佚名·2018-01-03 08:29

移动端适配之rem

html{font-size:10px}@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}}@mediascreenand
ITtian·2017-12-28 20:07

媒体查询使用

第一种：最大到多少--max-width:xxxpx@mediascreenand(max-width:1400px){xxxxxxxxxxxxx代码块xxxxxxxxxxxxxxxxxxx}G))QI0OFIFT0
走在风口的猪·2017-12-11 07:37

img图片水平和垂直同时居中

img_box{width:3.2rem;height:3.2rem;line-height:3.2rem;text-align:center;margin:0auto;}.img_boximg{max-width
LuckyS007·2017-12-11 03:20

一些有趣的css3用法

code-pirate.svg)no-repeat#58a;background-position:calc(100%-20px)calc(100%-10px);//图片距离左边底部的距离/*Styling*/max-width
overflow_hidden·2017-12-10 14:02

min-height,max-height和min-width,max-width的应用

我们经常会遇到一个场景，由于不确定一个盒子里的内容是多少而不能确定容器的高度，但容器又不不设置宽度，此时就需要设置一个最小宽度min-heght首先创建两个div，第一个给固定高度height:100px;第二个给最小宽度min-height:100px;如下：代码示例当两个容器中内容较小时，或者说内容的高度小于min-height高度时，运行结果无差异；结果图当两个容器中内容比较多，内容的高度大
马大哈tt·2017-12-10 04:29

css居中小结

father{max-width:100px;margi
丶傲慢先生·2017-12-06 04:11

font-size: 14px; line-height: 1.eView2/2/w/200" title="心情不好" data-id="3438" data-model="Image" style="max-width

你真以为人畜无害就是在保护自己么？有句话叫马善被人骑，人善被人欺，你以为你一味单纯善良就是保护自己最好的方式吗？一副人畜无害的样子别人就会喜欢你吗？错！你善良/无害的样子恰好是别人欺负你的最好象征。现在的人喜欢找优越感，处处彰显自己优别人一等，就算同是稻草，也要装得比你高级。你永远不明白人为什么不活的真实一点，伪装得面具下不累么，谎言破了还能自圆其说，自欺欺人。小A同小B同是来自农村现同在C公司上
静静_48f4·2017-12-01 17:36

阅读CSS Secrets（二）

如何减少不必要的媒体查询使用百分比代替固定宽度，当无法实现的时候，可以使用窗口的相对单位（vw，wh，vmin，vmax）可以解决一小部分窗口的宽度和高度当你想要固定宽度或者更大的分辨率的时候，使用max-width
_陈慧敏·2017-11-27 05:01

BootStrap（2）——图片、辅助类、响应式工具、表单

它的实质是为图片设置了"max-width;100%;"、"height:auto"、"display:block"，从而让图片在它的父元素中更好地缩放。
Ascend2015·2017-11-24 00:41

6种css3鼠标滑过动画效果

****/*{padding:0;margin:0;font-family:"微软雅黑"}h2{margin:15px0;font-weight:300;}.content{margin:0auto;max-width
GreenSo·2017-11-19 11:03

用CSS给图片设置大小

“梦里玉人方下马，恨它天外一声鸿”很多时候我们在给标签设置宽和高时,都不尽人意.这时候我们可以用max-height和max-width或者min-height和min-width来这是宽高
诺贝尔爱情奖·2017-11-17 11:17

学习总结--Css中最小宽度min-width和最大宽度max-width属性的使用方法

CSS宽度属性为单词width，宽度width包含了两个重要的属性：最大宽度属性max-width和最小宽度属性min-width。
陈年华·2017-10-26 18:00

api日常总结：前端常用js函数和CSS常用技巧

我的移动端mediahtml{font-size:10px}@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px
???Sir·2017-10-21 19:00

移动端适配方案

关注点：字体，高宽间距，图像（图标，图片）对应图像，一般比较通用方便的方式是：利用css将图像限定在元素内（img图片用max-width:100%,背景图片使用background-size），布局只针对元素进行
Imflyer·2017-10-09 11:52

简单的小清新表单登录注册页面~~

login-page{width:360px;padding:8%00;margin:auto;}.form{position:relative;z-index:1;background:#FFFFFF;max-width
MayJay517·2017-10-08 22:30
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他