3.18媒体查询.txt

原创 x深蓝 随笔 a 50阅读 4 天前 举报

1、常用的屏幕尺寸:
PC:1024 1280 1366 1440 1680 1920
移动:720 640 540 480 414 375 320
2、内容默认垂直居中s
verticalCentered:true,
3、页面锚设置
anchors:["1","2"]
4、afterRender 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数
afterRender:function(){$(".g3>img").addClass("img_1star")
5、transform:scale(x,y);
6、回调函数

上下滚动触发
afterLoad (anchorLink 、index)滚动后
onLeave ( index、nextIndex 和 direction) 滚动前

afterRender 页面结构生成后触发

左右滚动触发
afterSlideLoad (anchorLink、index、slideIndex、direction )与 afterLoad 类似 滚动后
onSlideLeave (anchorLink、index、slideIndex、direction )与 onLeave 类似 滚动前
7、两个input不在同一行 给父级元素添加font-size:0px;
8、每个页面滑动的时间 类似于timing-function
scrollingSpeed:900,

9、页面滑动的动画效果 ,必须配合css3:false使用。
easing:"easeOutBounce",
css3:false,
10、
@media screen and (min-width: 320px){
html{font-size:50px;}
}
@media screen and (min-width: 375px){
html{font-size:58px;}
}
@media screen and (min-width: 414px){
html{font-size:64px;}
}
@media screen and (min-width: 480px){
html{font-size:75px;}
}
@media screen and (min-width: 540px){
html{font-size:84px;}
}
@media screen and (min-width: 640px){
html{font-size:100px;}
}
@media screen and (min-width: 720px){
html{font-size:112px;}
}
@media screen and (min-width: 992px){
html{font-size:155px;}
}
@media screen and (min-width: 1200px){
html{font-size:187.5px;}
}
@media screen and (min-width: 1440px){
html{font-size:225px;}
}

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复