袁来如此的工作笔记
竹杖芒鞋轻胜马,谁怕? 一蓑烟雨任平生。

CSS/HTML:

为什么在手机上document.documentElement.clientWidth是980?

959浏览量
document.documentElement.clientWidth这个值在电脑和ipad上就是分辨率的宽度,但是在手机上却恒定是980,为什么呢?最主要是你在<head>里面添加下面代码,具体什么意思你自己搜去。<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,u

html模版

621浏览量
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>1</title> </head> <body> </body> </html&

selected和checked区别

536浏览量
seleced用于单选,checked用于多选,selected是选择很多项,但是只取当前的项,即最后一个选中的checked是选中很多项,都选中。:checked 一般是checkbox和radio的属性, $("input[name='a']:checked") 选择的是一个数组:selected 一般是下拉框的属性

css如何去除默认样式中background的图片

633浏览量
可以用同样的高权重CSS属性覆盖那个CSS规则就可以。例如,默认样式为.main{background-image:url(图片地址);}可以再写一样相同的CSS规则,比之前的权重高就可以.main{background-image:none!important;}就可以了。

CSS实现响应式全屏背景图

520浏览量
CSS body标签的样式如下:  body { /* 加载背景图 */ background-image: url(images/background-photo.jpg);   /* 背景图垂直、水平均居中 */ background-position: center center;   /* 背景图不平铺 */ background-repea

CSS背景图居中显示

497浏览量
background:url(background.png); background-repeat:no-repeat; background-position:center center; height:16px; width:24px;

overflow:hidden影响布局,对不齐

645浏览量
a 与 b 都是 inline-block且高与父元素 c 相同均为 30px,而在a加上 overflow:hidden; 会使 a 的底线与整个父元素 c 的 text baseline 对齐,相当于 c 中的文本获得了两倍的空间,整个 c 的 高度变大,仔细观察例子不难发现,a 中字符的底线与 b 中的字符的顶线对齐了,解决办法添加vertical-align: bottom;解决基线对齐问题。

手机浏览器用css设置图片自适应大小

618浏览量
手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服".手机浏览器(移动站点)图片自适应的css代码:img{max-width: 100%;height: auto;width: auto\9;}用max-width设置如果图片尺寸大于当前浏览器尺寸就自动缩放, 图片的高度设置正比缩放, 但是ie8有个比较二的bug就是不支持max-width属性, 而ie7和ie9都支持.

自适应网页设计css控制

606浏览量
一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。<meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=d

css设置背景图片平铺但不重复

549浏览量
background: url(../img/backgrounds/2.jpg) no-repeat center center fixed;     -webkit-background-size: cover;     -moz-background-size: cover;     -o-bac