-
設(shè)置跟高度一樣的行高，居中l(wèi)ine-height: ;vertical-align: middle; 改變成表格元素，居中 display: table-cell;vertical-align: middle; 使用flex 布局 display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;查看全部
-
<mata name="viewpoint" conten="device-width", //寬度等于設(shè)備的寬度 initial-scale=1.0,//默認(rèn)放大倍數(shù)1.0 maximum-scale=1.0,//最大放大倍數(shù)1.0 minimum-scale=1.0,//最小放大倍數(shù)1.0（避免失誤操作） <meta name="apple-mobile-web-app-status-bar-style" content="black" ></mata>//IOS瀏覽器滾動(dòng)條顏色 user-scalable=no"/>//禁止用戶(hù)縮放 <meta name="apple-touch-fullscreen" content="YES" />//允許全屏應(yīng)用 居中(高級(jí)瀏覽器)： 1、li{ display:table-cell; vertical-align:middle; } 2、li{ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; } 居中(一般)： li{ line-height:568px; vertical-align:middle; } li img{ vertical-align:middle; }查看全部
-
手指觸摸屏幕touchstart 手指點(diǎn)擊屏幕touchmove 手指抬起事件touchend查看全部
-
-webkit-transform: translate3d(0px,0,0); 和position: absolute;left: 0; top; 0; 一樣都可以實(shí)現(xiàn)相同的效果，但是使用translte3d可以使用GPU加速圖片渲染，使圖片滑動(dòng)的更順滑查看全部
-
meta apple查看全部
-
圖片滑動(dòng)原理： 移動(dòng)background/視口位置！查看全部
-
針對(duì)蘋(píng)果和安桌設(shè)備的寫(xiě)法查看全部
-
構(gòu)造三部曲，readerDOM查看全部
-
構(gòu)造三部曲，init查看全部
-
定義蘋(píng)果手機(jī)下，全屏應(yīng)用和工具欄顏色查看全部
-
position在手機(jī)上極耗內(nèi)存！不建議使用查看全部
-
li內(nèi)容居中查看全部
-
構(gòu)造三部曲，查看全部
-
針對(duì)iPhone 和安卓查看全部
-
$(function(){ var left=0; var mx=0; $(".spic-pic-con").on("mousedown",function(e){ //alert(1); left=$(this).position().left; mx=e.pageX; $(".spic-pic-con").on("mousemove",function(e){ var currentX= left+e.pageX-mx; $(".spic-pic-con").css("left",currentX); }) $(Document).on("mouseup",function(){ $(".spic-pic-con").off("mousemove"); $(Document).off("mouseup"); }) }) })查看全部
舉報(bào)
0/150
提交
取消