E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
min-width
CSS基础教程 -- 媒体查询屏幕适配
如:width会有
min-width
和max-width媒体查询可以被用在CSS中
Angel_andy
·
2016-08-24 14:57
rem单位
css:html{font-size:20px;}@mediaonlyscreenand(
min-width
:401px){html{font-size:25px!
一沭丶
·
2016-08-19 16:06
兼容IE6的
min-width
、min-height的简单方法
如果一个站是宽屏的,你左右拖动浏览器的窗口网站宽度会随着窗口的大小而改变,而浏览器窗口宽度减小到一定程度后就会出现下边的滚动条,网站宽度就不会再减小了,我们知道这一简单的功能用css的
min-width
佚名
·
2016-08-17 09:21
移动端开发适配总结
种方案总结针对移动端适配的方案~一:第一种方案是:所有的单位使用rem来适配;首先在页面上设置html的font-size的大小;如下我项目中的设置:html{font-size:100px;} @media(
min-width
空智
·
2016-07-11 01:17
下拉半透背景遮罩
@media only screen and (
min-width
: 768px) { /* Add your Desktop Styles here */ /*nav width
yangzhuozhuo
·
2016-07-09 13:19
html
图片上滑遮罩
@mediaonlyscreenand(
min-width
:768px){/*AddyourDesktopStyleshere*/.avia-p_w_picpath-container-inner{overflow
yangzhuozhuo
·
2016-07-05 13:31
relative
position
transition
响应式
Note:Addnewcsstothemediaquerybelowthatyouwanttoonlyeffectthedesktopviewofyoursite*/@mediaonlyscreenand(
min-width
yangzhuozhuo
·
2016-07-05 10:41
响应式
CSS 下拉菜单
display:inline-block; } .dropdown-content{ display:none; position:absolute; background-color:#f9f9f9;
min-width
qq_27626333
·
2016-06-20 16:00
css
css3
下拉菜单
JS/JQ常见兼容辅助插件
1.Respond.jsRespond.js是一个快速、轻量的polyfill,用于为IE6-8以及其它不支持CSS3MediaQueries的浏览器提供媒体查询的
min-width
和max-width
心存善念
·
2016-06-15 11:00
移动端开发适配总结
种方案总结针对移动端适配的方案~一:第一种方案是:所有的单位使用rem来适配;首先在页面上设置html的font-size的大小;如下我项目中的设置:html{font-size:100px;}@media(
min-width
龙恩0707
·
2016-06-07 23:00
【整理】CSS3知识点5
color:green; text-decoration:none; padding:3px; display:block;}@mediascreenand(max-width:699px)and(
min-width
for_cxc
·
2016-05-31 13:00
css3
移动端开发-viewport实现响应式设计
如果你使用过媒体查询,应该熟悉下面的代码:可查看github下载实例代码@mediascreenand(
min-width
:960px){ body{
qiqingjin
·
2016-05-30 17:00
移动端开发
viewport
响应布局
CSS3中的Media Queries学习笔记
结合多个媒体查询not-排除某种制定的媒体类型only-用来定某种特定的媒体类型三、引用样式示例CSSCode复制内容到剪贴板四、内联样式示例CSSCode复制内容到剪贴板@mediascreenand(
min-width
冰点
·
2016-05-23 11:26
利用@media screen实现网页布局的自适应
styleA.css`在media属性里:*`screen`是媒体类型里的一种,CSS2.1定义了10种媒体类型*`and`被称为关键字,其他关键字还包括`not`(排除某种设备),`only`(限定某种设备)*`(
min-width
wen4e
·
2016-05-05 15:15
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
Bootstrap模板代码+页面自适应页面的案例代码
Bootstrap101Template @mediaonlyscreenand(
min-width
:100px)and(max-width:400px){ #test
toto1297488504
·
2016-05-02 23:00
随手写的一张移动端页面
important;margin:0;}html{font-size:22.5px;}@mediaonlyscreenand(
min-width
:320px){html{font-size:20
lanbinghan2016
·
2016-04-26 15:00
Bootstrap表单组件教程详解
下面是不同的bootstrap版本:LESS:forms.lessSASS:_forms.scssbootstrap仅对表单内的fieldset、legend、label标签进行了定制fieldset{
min-width
洛水三千
·
2016-04-26 14:06
nav-blue
testtd body{
min-width
:1260px;} a:hover{text-decoration:none} .wide{width:1200px;margin
pmlinjian
·
2016-04-15 16:52
nav-blue
常见工作站布局
Document *{padding:0px;margin:0px;}body{
min-width
:1200px;overflow:hidden;}.left{width:200px;background
cometwo
·
2016-04-14 21:00
工作
布局
CSS学习(五)——区块、浮动、定位、溢出、滚动条
,可以使用如下属性名称:属性名称设定值说明width像素/百分比区块的宽度height像素/百分比区块的高度min-height像素/百分比区块的最小高度max-height像素/百分比区块的最大高度
min-width
交易程序猿
·
2016-04-05 19:50
CSS
CSS学习(五)——区块、浮动、定位、溢出、滚动条
,可以使用如下属性名称:属性名称设定值说明width像素/百分比区块的宽度height像素/百分比区块的高度min-height像素/百分比区块的最小高度max-height像素/百分比区块的最大高度
min-width
codemonkeysama
·
2016-04-05 19:00
html
css
H5+CSS3简单动画 知识点 汇总
:与figure配套使用,用于标签定义figure元素标题2.媒体查询:通过不同的媒体类型和条件定义样式规则;媒体查询大部分媒体特性都接受min和max用于表示“大于等于”或“小于等于”:width:
min-width
qq_29066959
·
2016-03-30 17:00
通过Tabs方法基于easyUI+bootstrap制作工作站
100%;width:100%;overflow:hidden;font-family:"微软雅黑";font-size:16px;}.main-box{width:100%;height:100%;
min-width
李斌
·
2016-03-28 09:52
视图适配
mediaonlyscreenand(max-width:320px){.lincoapp-home-slideImagea{min-height:165px} } @mediaonlyscreenand(
min-width
拜月和三个丘比特
·
2016-03-26 21:00
一点点小随笔:
min-width
*{margin:0px;padding:0px;}html,body{width:100%;font-size:16px;
min-width
:1305px;overflow:hidden
cometwo
·
2016-03-24 20:00
css中可以和不可以继承的属性
不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、
min-width
、max-width
viana37
·
2016-03-21 14:00
css
属性继承
buy
testtd @charset"UTF-8"; body{
min-width
:1260px;font-family:"微软雅黑";color:#333} a:hover
pmlinjian
·
2016-03-18 18:22
buy
regJS
testtd body{
min-width
:1060px;font-family:"微软雅黑";} a:hover{text-decoration:none} .wide{
pmlinjian
·
2016-03-16 17:50
regJS
你值得拥有的CSS下拉菜单效果
代码如下:XML/HTMLCode复制内容到剪贴板简单的下拉菜单.dropdown{position:relative;display:inline-block;}.dropdown-content{
min-width
彼岸时光
·
2016-03-14 08:13
CSS 媒体查询
Bootstrap主要用到
min-width
、max-width,以及and语法,用于在不同的分辨率下设置不同的CSS样式,实例如下:@media(max-width:767px){ /*在小于768像素的屏幕里
u010874036
·
2016-03-10 22:00
css
响应式设计
bootstrap
jQuery在IE6中实现css属性
min-width
,min-height,max-width,max-height
min-width
,min-height,max-width,max-heighthtml,body,div,p{margin:0;padding:0;}#wrap,#header,#content,#
陈道诚
·
2016-03-08 16:00
web app响应式字体设置!rem之我见
(那个是被逼的啊首先看代码:@media screen and (max-width:362px)and(
min-width
: 330px){ html{font-size: 60%;} /
zhoulujun
·
2016-03-05 18:00
仿微信公众平台登录页面
body{
min-width
:1200px; ba
Run_the_youth
·
2016-03-03 23:00
微信
div+css
移动web初体验
即设置meta 2.css媒体查询分辨率@mediascreenand(
min-width
:XXXpx)@mediascreenand(
min-width
:1280px){ .strong{ color
Steven犹殇
·
2016-03-02 19:00
lg
testtd body{
min-width
:1060px;font-family:"微软雅黑";} a:hover{text-decoration:none} .wide{
pmlinjian
·
2016-02-29 17:14
lg
aspv6_index
testtd body{
min-width
:1060px;} a:hover{text-decoration:none} .top-bar-warp{width:100%;
pmlinjian
·
2016-02-26 15:20
asp
rem是如何实现自适应中的?
使用媒体查询:html{ font-size:62.5% } @mediaonlyscreenand(
min-width
:481px){ html{ font-size:94%!
Jweib
·
2016-02-20 15:00
响应式WEB设计
960px 1024px1280px1366px1440px 1680px 2、@mediascreenand(max-width:960px) //960px以下尺寸 @mediascreenand(
min-width
121686076
·
2016-02-20 08:00
odoo8编辑视图中sheet边距过宽问题调整
经过分析源码,这个风格是由如下CSS定义的:.openerp.oe_form_sheet_width{
min-width
:650px; max-width:860px;
Chen Jian
·
2016-02-19 11:00
常见的media断点
mediaonlyscreenand(min-device-width:320px)and(max-device-width:480px){}/*Landscape*/@mediaonlyscreenand(
min-width
sunny_desmond
·
2016-02-18 17:00
media
css3
响应式
H5移动端知识点总结
box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结回到顶部移动开发基本知识点一.使用rem作为单位html{font-size:100px;}@media(
min-width
cometwo
·
2016-02-17 11:39
web前端学习
H5移动端知识点总结
box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结回到顶部移动开发基本知识点一.使用rem作为单位html{font-size:100px;} @media(
min-width
cometwo
·
2016-02-17 11:00
响应式设计
根据浏览器视口的窗口,Bootstrap可以按照纵横比或宽度的范围来优化布局,但最主要还是使用
min-width
和max-width属性。
惠鹏曦
·
2016-02-16 09:00
css3实现loading效果
无标题文档 @mediaonlyscreenand(
min-width
:320px){ .loading, .spinner{width:30px;height:30px;}
一直傻笑
·
2016-02-15 14:00
css3实现loading效果
无标题文档@mediaonlyscreenand(
min-width
:320px){.loading,.spinner{width:30px;height:30px;}.loading{margin-left
weixin_30871701
·
2016-02-15 14:00
H5移动端知识点总结
box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结回到顶部移动开发基本知识点一.使用rem作为单位html{font-size:100px;} @media(
min-width
云溪0707
·
2016-02-14 15:21
H5移动端知识点总结
box-sizing的理解及使用理解display:box的布局理解flex布局Flex布局兼容知识点总结回到顶部移动开发基本知识点一.使用rem作为单位html{font-size:100px;} @media(
min-width
云溪0707
·
2016-02-14 12:15
上一页
21
22
23
24
25
26
27
28
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他