max-width

移动端轮播图自适应

美工为了在不同屏幕下更好地展示将图片两边做的非常宽，但是我们大多数情况的页面宽度都无法满足这样的图片宽度，而且Bootstrap的样式中默认将图片的max-width设置为100%，造成界面图片缩放。
我排着队拿着前端号码牌·2020-08-10 11:20

css图片如何在div居中显示，多出部分隐藏

效果图展示：下图始终在div显示居中，不受div的大小影响代码展示：body{margin:0pxauto;background:#da7063;}.box{width:300px;height:120px;max-width
alayer·2020-08-10 11:31

浮动div中的图片垂直居中

border:1pxsolid#ccc;display:table-cell;background:#eee;vertical-align:middle;}.upload_imgimg{border:none;max-width
weixin_30832983·2020-08-10 11:57

css中元素常用的可继承和不可继承元素的属性

不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width
蒲小若·2020-08-10 10:49

DIV+CSS布局之圣杯布局与双飞翼布局

废话不多说，代码奉上hTMLcenterleftrightCSS.main{margin:0auto;height:300px;max-width:1000px;min-width:600px;
乌鲁托拉曼·2020-08-10 09:07

vue中v-html中标签添加CSS样式

height:300px;}12345678而如果在组件中使用了v-html，要为myHtml中的标签添加CSS样式，我们需要在写样式的时候添加>>>：.foo>>>img{max-width
岳小哥·2020-08-10 04:40

mui实现聊天功能（完整版）

前台页面代码："msg-type=''msg-content=''>"style="max-width:100px;"/>点击播放按住说话!
你的美，让我痴迷·2020-08-10 04:12

mui实现新闻列表和详情查看

1.新闻列表首页代码：列表到详情最佳实践.mui-media{font-size:14px;}.mui-table-view.mui-media-object{max-width:initial;width
你的美，让我痴迷·2020-08-10 04:12

html页面图片居中自适应

css样式：.dv-img{max-width:100%;height:auto;}图片引用自己的；文字行高一般设定为：line-height:1.5;或者line-height:1.75;引入的原图图片要先设定好大小
骚飞的猪·2020-08-10 00:52

图片的点击缩放（zoom插件实现）

图片的点击缩放（zoom插件实现）zoom插件：页面引入js文件和css文件页面结构：html页面代码ZOOM插件实现图片的点击放大#container{margin:0auto;}.content{max-width
604673868·2020-08-09 23:26

canvas画布实现手写签名效果

供小伙伴们参考指摘哦~HTML代码：手写区清除确定CSS样式：.mSign_signMark_box{padding:15px15px26px15px;}.mSign_signMark_footer{max-width
淡水无华·2020-08-09 20:56

点击图片放大，再次点击还原（利用div简单效果）

z-index:1;}.modalimg{animation-name:zoom;animation-duration:0.6s;display:block;padding:10px;margin:auto;max-width
时光奶茶·2020-08-09 20:50

CSS 媒体查询any-hover any-pointer

1、2、@importurl(example.css)screenand(color);3、@mediascreen{*{font-family:sans-serif}}媒体特性(常用)width:(max-width
找到Web·2020-08-09 17:34

css样式实现td显示字体超长显示...鼠标悬浮显示全部

如果查询出来的这个字体太长，会影响我的展示效果，所以需要影藏超过固定长度的字体；varitemStr=""+""+""+""//+""+""+name+""+"";.fh{display:inline-block;max-width
探长大神·2020-08-09 14:01

html5的audio实现高仿微信语音播放效果（实际项目）

HTML部分：{$record.time}{$record.asr}css部分：.dialog-record.dialogspan.text{max-width:83%;height:auto;background
weixin_30251829·2020-08-09 13:47

mui实现侧滑菜单及主体部分上下滑动

mui实现侧滑菜单及主体部分上下滑动body{background-color:#000000;}.mui-off-canvas-wrap{max-width:720px;margin:0auto;}标题
依旧平凡·2020-08-09 03:04

jq弹出框封装

width:100%;height:100%;}.addson{opacity:0;position:fixed;top:40%;left:40%;z-index:9999;min-width:260px;max-width
xue_sunshine·2020-08-09 03:57

如何把图片做成移动端适配

代码如下计价规则body,html{margin:0;width:100%;height:100%;}img{width:auto;height:auto;max-width:100%;}
全世界最好的阚冬梅·2020-08-09 02:58

min-width:100%和max-width:100%的区别

值是多少,不包含margin；width:auto，根据设定对象的实际大小而自适应宽度，考虑设定元素的Margin值得大小，包含Margin2.max-width:100%和min-width:100%max-width
weixin_30577801·2020-08-08 23:27

CSS实现输入框宽度随内容自适应效果

面对这种需求，我们首先想到的是使用input元素标签，但是发现input标签的宽度默认设定的是固定的，不支持min-width和max-width样式，所以如果想实现宽度随内容自适应就必须通过js动态修改
weixin_30556161·2020-08-08 23:51

移动端通用顶部选项卡

header{display:block;margin:0;padding:0;border:0;}body{font-family:'微软雅黑';color:#666;min-width:320px;max-width
The_Quan·2020-08-08 22:18

el-dialog 中使用 el-select,el-checkbox, 选择的时页面闪烁根本问题，操作时闪现

important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100%-30px);max-width
栗鼠_抚殇·2020-08-08 20:28

pc端页面和移动端页面整合，在不修改代码的前提下，js整合代码

贝克抑郁量表（BDI）.contain{display:none;}@mediascreenand(max-width:640px){.box{display:none}.contain{display
xiaolei1888·2020-08-08 12:36

bootstrap初次使用

响应式布局根据终端的屏幕尺寸的大小，改变页面的结构,优点：大大降低了开发成本实现响应式布局：媒体查询+栅格系统媒体查询判断页面的大小，显示不同的效果//当屏幕宽度小于1200px时,执行样式@mediascreenand(max-width
yanglongbin1113·2020-08-07 22:08

nth-of-type和nth-child区别

是按照所有类型标签的所谓整体队列进行排序筛选，也就是说不论你是h1还是p标签，使用这个属性你要遵循在DOM树中的顺序来进行操作网站常用效果展开查看更多网站常用效果展开查看更多.sec{width:100%;max-width
暮长亭晚·2020-08-06 15:13

CSS漂亮的盒子 - 为嵌入图片和元素添加样式

max-sizemax-width属性意味着图片会随着包含它的容器缩小而缩小，但在容器变大时，它不会大到超过自身的固有尺寸注意：父元素不要设置高度Copy`img{max-width:100%;width
全栈工程师老黄·2020-08-06 11:38

CSS 媒体查询(any-hover any-pointer)

1、2、@importurl(example.css)screenand(color);3、@mediascreen{*{font-family:sans-serif}}媒体特性(常用)width:(max-width
找到Web·2020-08-05 23:22

移动端前端适配方案（总结）

核心语法是：@mediascreenand(max-width:600px){/*当屏幕尺寸小于6
陈迹·清欢·2020-08-05 16:35

无聊试着写个商品放大镜功能

css：.ylImg{width:100%;max-width:500px;margin:50pxauto0;position:relative;}.ylZoom{position:relative;}
myyt·2020-08-05 15:00

无聊试着写个商品放大镜功能

css：.ylImg{width:100%;max-width:500px;margin:50pxauto0;position:relative;}.ylZoom{position:relative;}
myyt·2020-08-05 15:00

jq实现瀑布流

css:*{margin:0;padding:0;}img{max-width:100%;}.container{max-width:1200px;margin:0auto;}.waterfall{position
myyt·2020-08-05 15:00

jq实现瀑布流

css:*{margin:0;padding:0;}img{max-width:100%;}.container{max-width:1200px;margin:0auto;}.waterfall{position
myyt·2020-08-05 15:00

el-table案例_动态匹配数据、分页、函数

el-table案例_动态匹配数据、分页、函数html/css//css.el-tooltip__popper{max-width:80%;}.tdContent{width:77px;display:
既来安之·2020-08-05 13:14

【css】用css巧妙实现移动端横向滑动展示功能

testbody,p{margin:0;padding:0;}.concent{margin:50pxauto;width:100%;max-width:750
汪小穆·2020-08-05 11:09

js兼容安卓和IOS的复制文本到剪切板，已做浏览器兼容处理，勿需插件

点击按钮实现需复制的文本内容；案例已做手机端浏览器兼容处理经测试，[QQ，微信，苹果，360，UC等]，可正常使用；案例代码如下：****（使用时：请调试到手机模式）案列1：单个复制手机端文案复制body{max-width
依然范特西的XXK·2020-08-05 03:31

鼠标滑过图片，图片上出现一个遮罩层并显示图片的提示文字

width:220px;height:220px;}//首先确定遮罩层中图片的大小.ih-item.imgimg{position:relative;width:220px;height:220px;max-width
夏天想·2020-08-05 01:17

JAVAweb+CSS实例

:absolute;left:0;top:50%;width:100%;height:400px;margin:-200px;overflow:hidden;/*隐藏滚动条*/}.container{max-width
mango_bobo·2020-08-04 21:21

JS 响应式布局

背景颜色也变化12345678910111213141516171819202122232425262728293031323334353637383940414243Title@mediascreenand(max-width
weixin_34387468·2020-08-04 20:24

html和css自适应页面原理！

一直有研究自适应，总是没什么进展，无意中发现了一个css库@mediascreenand(min-width:480px)这里说明一定要大于480px里面的css才会生效@mediascreenand(max-width
dazhe5·2020-08-04 13:13

博客园模板 样式优化

leftmenu{position:absolute;left:35px;width:350px;height:auto;}#main{margin-left:400px;margin-right:35px;max-width
weixin_34292924·2020-08-04 11:17

【改】 html5 中tab页面的简单转换

.tabs{width:100%;max-width:455px;float:left;}#div1input{opacity:0;border:1pxsolid#F0F0F0}#div1label{cursor
zhao_zang·2020-08-04 09:22

HTML/CSS——微信公众号二维码显示效果

效果：代码：微信公众号二维码.main{max-width:1080px;min-width:300px;margin:0auto;overflow:hidden;}/*footer*/.popoverinfo
STZG·2020-08-04 06:26

汉堡菜单的使用

在index.html中：插入汉堡菜单代码：在responsive.css中：@mediascreenand(max-width:550px){.nav{z-index:10;backgroun
weixin_30287169·2020-08-04 03:32

移动端web页面图片呈现方式

要么宽度100%，高度自适应.实际操作中，直接设置如下样式，基本可以解决图片变形的问题max-width: 100%!important;max-height: 100%!
素素_钗钗·2020-08-04 01:00

Panel 最大高度

UntitledPage#Panel1{max-width:220px;max-height:50px;overflow:auto;}protectedvoidButton1_Click(objectsender
flyskylf·2020-08-03 16:05

利用vertical-align:middle垂直居中

1.方法一，利用空的span实现图片居中div{width:400px;height:400px;background:orange;text-align:center;}img{max-width:100%
weixin_43743956·2020-08-03 11:20

进入微信后提示用浏览器打开

*{margin:0;padding:0;}a{text-decoration:none;}img{max-width:100%;height:auto;}.weixin-tip{display:none
Good 奈斯·2020-08-03 08:11

css 识别屏幕大小自适应

两种方法（1）原生自适应@mediascreen表示当屏幕大于320px，并小于1156px是执行下面的css@mediascreenand(min-width:320px)and(max-width:
u013378306·2020-08-03 05:30

仿携程网

酒店海外酒店假日酒店海外酒店假日酒店酒店海外酒店假日酒店海外酒店假日酒店酒店海外酒店假日酒店海外酒店假日酒店海外酒店假日酒店海外酒店假日酒店海外酒店假日酒店CSS部分*{margin:0;padding:0;}body{min-width:320px;max-width
温柔女魔头·2020-08-03 02:43

Html 用户反馈界面

nbsp;  别：男女年    龄：联系电话：电子邮件：联系地址：请输入您对网站的建议简介大气的用户反馈界面用户反馈.Content-Main{max-width
尼古拉斯@李小猿·2020-08-02 18:03
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他