min-width

H5实现滑动切换图片功能

阅读更多页面代码H5手指滑动切换图片ul,li{margin:0;padding:0;}@mediascreenand(min-width:240px){html,body{font-size:9px;
*YH*·2018-08-28 11:00

vue ＋ elementui实现dialog自适应窗口的效果

即：min-width设置成一个固定的值2、改变el-
ColourfulTiger·2018-08-21 10:53

vue ＋ elementui实现dialog自适应窗口的效果

即：min-width设置成一个固定的值2、改变el-
ColourfulTiger·2018-08-21 10:53

身份证照片正反面上传及预览缩略图

font-size:12px;font-family:Arial,Verdana;color:#fff;font-weight:100;cursor:default;background:#FFFFFF;min-width
给的再多不如懂我-珊珊·2018-08-17 16:17

jQuery轮播图实例详解

供大家参考，具体内容如下1、html+css+js代码*{margin:0;padding:0;text-decoration:none;}body{padding:20px;}#container{min-width
种种粒粒在目·2018-08-15 11:06

前端的布局方式

常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
转行杀猪的程序猿·2018-08-14 11:53

媒体查询 + rem

媒体查询+remhtml{font-size:10px;}@mediaonlyscreenand(min-width:320px)and(max-width:374px){html{font-size:
zhangwinwin·2018-08-06 11:02

关于使用媒体查询@meda失效原因的总结

1、优先级的问题divp{color:#333;}@mediascreenand(min-width:500px)and(max-width:1240px){p{color:#666;}}以上的这段代码
Mickey·2018-08-05 00:00

css选择器排序位置不同，那么HTML中优先选择权也不同

比如，@mediascreenand(min-width:1200px){}要比@media(min-width:768px){}优先选择权大，@mediascreenand(min-width:1200px
ice_zhang·2018-08-03 14:23

圣杯布局和双飞翼布局

body{min-width:500px;}#container{overflow:auto;/*BFC*/padding-left:18
holyZhengs·2018-08-01 00:00

博客园自定义样式参考

样式一#home{margin:0auto;width:80%;/*原始65*/min-width:980px;/*页面顶部的宽度*/background-color:rgba(245,245,245,0.7
Tinywan·2018-07-31 21:00

2018-07-26 -移动端适配rem的方法

media属性设置rem/*移动端适配width|height|font-size=视觉稿量出来的值/100rem;@lbl*/@mediascreenand(max-width:359px)and(min-width
土豆切成片·2018-07-26 14:56

【笔记】Select2 三级联动

-效果图-插件-jsp页面.js-example-basic-single{min-width:180px;}.select2-container.select2-selection--single{height
朱赤墨黑·2018-07-26 09:14

实现背景图全屏自适应

HTML：titlecss:web_bg{position:fixed;top:0;left:0;width:100%;height:100%;min-width:1000px;z-index:-10;
凡尘逐梦·2018-07-17 14:29

media适配css

/*引入适配的less*/html{font-size:16px;}@mediaonlyscreenand(min-width:320px){html{font-size:13.6533px!
承载梦想-韩旭明·2018-07-05 15:00

一张图查看大图

1.样式/*媒体判断HTML里的font-size*/html{font-size:40px;}@mediascreenand(min-width:320px){html{font-size:17.064px
hangGe0111·2018-07-02 15:17

还在思考页面怎么布局吗？

常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
阿良__·2018-06-27 19:42

用户登录表单

http://sc.chinaz.com/info/151013395484.htmjs*{margin:0;padding:0;}.think-login{margin-top:36px;min-width
loverxy丶Du·2018-06-27 16:14

web移动端开发技巧与注意事项汇总

且不允许用户点击屏幕放大浏览2、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉：3、忽略页面的数字为电话，忽略email识别二、针对适配等比缩放的方法:@mediaonlyscreenand(min-width
我还记得那天夕阳下的奔跑·2018-06-22 17:33

圣杯布局-完整代码

理解圣杯和双飞翼链接参考paddingmargin实现圣杯布局*{margin:0;padding:0;}body{min-width:600px;}#content{padding:0200px;overflow
雪猫·2018-06-16 13:25

flex中的flex-basis

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

博客园皮肤美化

我的博客园皮肤代码存储笔记以下是全站css代码:#header{display:none;}#main{margin-top:100px;}/**导航栏*/#mynavbar{width:100%;height:70px;min-width
人生莫如饥荒·2018-06-09 19:00

基本后台模版（html）

其他的效果基本都是大同小异Title{%blockcss%}{%endblock%}body{margin:0;}.pg-header{background-color:#2f72ab;height:48px;min-width
两分与桥·2018-06-04 19:13

手机端页面

媒体查询@media(min-width:700px){...}
Amyuan的笔记·2018-05-29 23:43

圣杯布局

圣杯布局.wrap{padding-left:120px;padding-right:120px;min-width:400px;background:#000;}.clear::after{content
惟允·2018-05-29 11:41

Bootstrap 屏幕类型

*//*小屏幕（平板，大于等于768px）*/@media(min-width:@screen-sm-min){...}
dxm809·2018-05-28 21:03

媒体查询

/媒体查询，参考部分Bootstrap框架//当页面大于1200px时，大屏幕，主要是PC端/@media(min-width:1200px){}/在992和1199像素之间的屏幕里，中等屏幕，分辨率低的
菜鸟不菜么·2018-05-11 16:38

vue和qq地图结合的例子

0px;}body,button,input,select,textarea{font:12px/16pxVerdana,Helvetica,Arial,sans-serif;}#container{min-width
cyyjm·2018-05-11 11:32

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

可编辑表格，json字符串拼接提交

Title@media(min-width:1330px){.container{width:1300px;}}.box{/*width:1524px;*/overflow:hidden;color:#555
哇偶哇偶Z·2018-04-26 18:12

Web前端前沿技术 1 ____视频背景

先看效果图主要代码如下:*{padding:0;margin:0;}.banner{width:100%;min-width:1200px;height:500px;overflow:hidden;/*
109905418·2018-04-23 00:25

css响应式布局原理

移动设备优先：媒体标签：@mediascreenand(min-width:100px){div{width:100px;height:1000px;background:yellow;}}完整代码：Document
Lee_吉·2018-04-22 10:36

vue 自定义 select内置组件

1.整合了第三方jQuery插件(select2)html,body{font:13px/18pxsans-serif;}select{min-width:300px;}选中的:{{selected}}
面条请不要欺负汉堡·2018-04-10 11:05

flex布局css控制文本超出隐藏

white-space:nowrap;text-overflow:hidden;text-overflow:ellipsis;flex元素，需要改变以下两部分:嵌套div，div上控制超出隐藏在flex元素上添加min-width
chuaizhong3390·2018-03-12 13:00

在vue中使用css modules替代scroped的方法

本文将详细介绍cssmodules引入最开始使用Vue的时候，提倡并大量使用的是scoped这种技术@media(min-width:250px){.list-container:hover{background
小火柴的蓝色理想·2018-03-10 12:00

css 使用relative设置top为百分比值的方法(仿百度首页)

效果实现垂直伸缩*{padding:0;margin:0;}body,html{height:100%;}.content{min-width:810px;min-height:600px;height
佚名·2018-02-27 10:31

四种方法实现两边固定，中间自适应布局(浮动 定位)

只利用浮动左右浮动利用浮动实现两边固定中间自适应布局html,body{height:100%;margin:0;min-width:800px;}#left{float:left;width:200px
美果儿·2018-02-26 15:53

Angular2.0实现modal对话框的方法示例

觉得写的比较巧妙的就是样式的选取~记录下CSS部分.font{font-family:"MicrosoftYaHei",Arial;font-size:12px;color:#333333;}.ky-modal-content{min-width
april_4·2018-02-18 09:40

移动web开发———第四天

代码：@mediascreenand(min-width:768px){}@mediascreenand(min-width:992px){}@mediascreenand(min-width:1200px
我是小谷粒·2018-02-06 15:12

移动web开发———第三天

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

关于html5的video全屏作为背景的方法

*{margin:0px;padding:0px;}video{position:fixed;right:0px;bottom:0px;min-width:100%;min-height:100%;height
AinUser·2018-02-04 10:37

Vue多种方法实现表头和首列固定的示例代码

有时表格太大，滚动时信息查看不方便，需要对表格进行全局表头、首列固定，上效果：一、创建多个表格进行覆盖思路：当页面滚动到临界值时，出现固定表头、首列先创建一个活动表格th,td{min-width:200px
ClydeKuo·2018-02-02 09:55

JS 实现百度搜索功能

下面上代码：HTML部分：百度一下,你就知道CSS层叠样式部分：body{/*清除浏览器自带样式*/margin:0;padding:0;/*background-repeat:no-repeat;*/min-width
侯晓伟·2018-02-01 11:24

使用腾讯地图的demo,可以在地图上加标记

0px;}body,button,input,select,textarea{font:12px/16pxVerdana,Helvetica,Arial,sans-serif;}#container{min-width
JAVA少妇·2018-01-31 17:04

bootstrap需要注意的点

3.若需要出现IE兼容模式的代码:4.媒体查询：/*超小屏幕（手机，小于768px）*//*小屏幕（平板，大于等于768px）*/@media(min-width:@screen-sm-mi
Andy_698_·2018-01-28 17:43

移动端适配之rem

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

通过electron的webView使用按钮控制前进后退

webview{display:inline-flex;min-width:1350px;min-height:660px;}webview.hide{visibility:hidden;}后退前进varwebview
小土豆子额·2017-12-18 15:22

纯CSS控制背景图片100%自适应填充布局

:url(images/bg.jpg);"></div>CSS样式#lf_bg{position:fixed;top:0;left:0;width:100%;height:100%;min-width
陆辰熙·2017-12-12 14:40

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

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