码迷,mamicode.com
首页 >  
搜索关键字:max-width    ( 346个结果
2019.11.16工作坊比赛题解
A https://vjudge.net/contest/343173#problem/A 把所有的长条按长度进行排序 在从左到右扫一遍能构造出的矩形,其中所有矩形中Max(Width,Height)的最大值即为能够造出的最大正方形的边长 B https://vjudge.net/contest/3 ...
分类:其他好文   时间:2019-11-16 12:20:22    阅读次数:49
响应式css样式
<div class="a"> 123 </div> @media(max-width:600px){ .a{ color:red; } } @media(min-width:300px) and (max-height:300px){ .a{ color:blue; } } 这样就可以实现响应式的 ...
分类:Web程序   时间:2019-11-11 21:27:56    阅读次数:138
jQuery toast 淡入淡出提示
``` #toast{ position: fixed; top: 44%;left:50%;transform: translateX(-50%); min-width: 80px; max-width: 180px; min-height: 18px; padding: 10px; line-h... ...
分类:Web程序   时间:2019-10-22 15:33:32    阅读次数:319
css使Img图片居中显示
img1是默认显示图片 .listing-img{ width: 100%; min-height: 270px; max-height: 320px; } .listing-img>img{ display: inline-block; height: auto; max-width: 100%;... ...
分类:Web程序   时间:2019-09-26 11:26:56    阅读次数:112
layui数据表格中图片无法自适应问题
如图问题,图片只显示了一部分 这时只需要加入样式即可 <style> .layui-table-cell { height: 100px; width: 100px; max-width: 100%; } </style> 高低大小根据实际自行调节 ...
分类:其他好文   时间:2019-08-21 21:35:21    阅读次数:66
CSS3和HTML5头部定位自用
body{ max-width: 540px; min-width: 320px; margin: 0 auto; font: normal 14px/1.5 tahoma; color: #000; /* background-color: #f2f2f2; */ overflow-x:hidde... ...
分类:Web程序   时间:2019-08-08 12:52:42    阅读次数:164
layui等比例放大/缩小图片
HTML<imgclass="layui-upload-img"id="photo"style="max-height:100px;max-width:100px;">JS$("#photo").click(function(){showImg($(this));});functionshowImg(imgData){varimg=newImage();img.src=imgData.
分类:其他好文   时间:2019-07-20 11:43:00    阅读次数:261
bootStrap @media 用法
一. @media 格式 @media all and (min-width:xxx) and (max-width:xxx) (亦可以写成@media all and (min-width:xxx) and (max-width:xxx)) {/*这段查询的all是针对所有设备(有些设备不一定是屏 ...
分类:其他好文   时间:2019-06-29 19:31:19    阅读次数:114
浏览器缩放,会导致布局打乱,解决方法?/一缩小网页布局就打乱了怎么办?
原因通常就是你的元素浮动了,最好设置个最小宽度min-width:具体宽度值 px;,如果你需要自适应,用media查询 有些地方不写死的话可以用min-width和max-width来限制一下。不然你父容器用百分比设置宽度,而子元素用固定的px设置宽度,当你父容器缩小到一定程度的时候肯定容不下固定 ...
分类:Web程序   时间:2019-06-03 14:19:22    阅读次数:181
meta标签兼容性
基本标签SEO 优化为移动设备添加 viewportWindows 8其他 禁止数字识自动别为电话号码不让android识别邮箱每 8 秒刷新一次页面移动端的头部标签和meta基本标签声明文档使用的字符编码:<meta charset="utf-8" />声明文档的兼容模式:<meta http-e ...
分类:Web程序   时间:2019-05-28 09:17:41    阅读次数:385
346条   上一页 1 ... 4 5 6 7 8 ... 35 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!