@media screen and (min-width: 960px){ .heading, .container, .footing{ width: 960px; } .left, .main, .right{ float: left; height: 500px; } .left, .righ ...
分类：
其他好文 时间：
2016-07-13 19:58:39
阅读次数：
385
<!--DDWnav-->
<styletype="text/css"id="change_DDW_nav">
@mediaonlyscreenand(min-width:768px){
/*AddyourDesktopStyleshere*/
/*navwidth*/
/*.main_menu{
width:100%;
padding-left:300px;
}
.avia-menu{
display:table;
width:100%;
}
.av-main-nav{
d..
分类：
其他好文 时间：
2016-07-09 13:35:17
阅读次数：
206
css3的新特性响应式布局，通过@media screen and (min-width: ) and (max-width: ) {}；来实现页面的响应式设计，来适应不同的终端。需在头部添加：<meta name="viewport" content="width=device-width, in ...
分类：
Web程序 时间：
2016-07-09 08:10:26
阅读次数：
210
<styletype="text/css">@mediaonlyscreenand(min-width:768px){/*AddyourDesktopStyleshere*/.avia-p_w_picpath-container-inner{overflow:hidden;}.avia-p_w_picpath-container-inner.av-p_w_picpath-caption-overlay{top:100%;transition:all0.4sease-in-out;}.avia-p_..
分类：
其他好文 时间：
2016-07-05 15:47:14
阅读次数：
143
DesktopStyles==================================================*//*Note:Addnewcsstothemediaquerybelowthatyouwanttoonlyeffectthedesktopviewofyoursite*/@mediaonlyscreenand(min-width:768px){/*AddyourDesktopStyleshere*/}/*MobileStyles===========================..
分类：
其他好文 时间：
2016-07-05 12:31:41
阅读次数：
150
一：响应式图片（自动缩放可以，但为了节省带宽）、响应式视频、响应式包含框 1.如果 max-width 属性设置为 100%, 图片永远不会大于其原始大小。 同理min-width！ （字面意思直接就理解了） 2.viewport 3.桌面电脑 平板 4.响应式图片 默认是绝对大小，但设置了相对大小 ...
分类：
其他好文 时间：
2016-07-05 10:13:07
阅读次数：
157
设置元素的最小宽度 默认值：none 取值： length：指元素的最小宽度值 % ：相对于包含它的块级对象的宽度的最小百分比 inherit:从父元素继承min-width属性的值。 JS用法： object.style.minWidth="50px"; ...
分类：
Web程序 时间：
2016-06-28 10:43:53
阅读次数：
168
CSS属性关于尺寸的width设置宽height设置高min-width:设置最小宽度max-width:设置最大宽度min-height:设置最小高度max-height:设置最大高度关于文字的font-family:微软雅黑;设置文字字体font-size:16px;设置文字大小font-weight:bold;设置文字加粗color:设置文字颜色font-style..
分类：
Web程序 时间：
2016-06-24 20:40:21
阅读次数：
217
1.Respond.js Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性，实现响应式网页设计（Responsive Web Design）。 ...
分类：
Web程序 时间：
2016-06-15 12:31:47
阅读次数：
189
对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可对于需要适配各种移动设备，使用rem，例如只需要适配iphone和iPad等分辨率差别比较挺大的设备 html{font-size:10px}@media screen and (min-width:321px) and (max- ...
分类：
移动开发 时间：
2016-06-12 12:04:41
阅读次数：
161
