為什么我在網(wǎng)頁中瀏覽的跟老師的不一樣，沒有顯示手機(jī)端排版那種模式，我有把emulation打開呀
為什么我在網(wǎng)頁中瀏覽的跟老師的不一樣，沒有顯示手機(jī)端排版那種模式，我有把emulation打開呀
2 回答
舉報
0/150
提交
取消
為什么我在網(wǎng)頁中瀏覽的跟老師的不一樣，沒有顯示手機(jī)端排版那種模式，我有把emulation打開呀
2015-07-19
舉報
2016-02-22
f12控制臺, 最右上角 "×" 旁邊有個 三個豎點的 東西, ?老版本點住不放, 新版點一下, 可以選擇控制臺方向
2015-07-27
你樣式的問題吧，li的樣式有沒有給呢？
<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>gallery</title>
? ?<meta name="viewport" content="width=device-width,initial-scale=1.0">
? ?<script src="zepto.js"></script>
? ?<style type="text/css">
? blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,img{margin: 0;padding: 0;}
? ? ? ?ul{list-style-type: none;}
? ? ? ?li{float: left; overflow: hidden;}
? ?</style>
</head>
<body>
<ul class="img-container" id="container">
</ul>
<script>
? ?var total=17,zWin=$(window);
? ?var render=function(){
? ? ? ?var padding= 2,winWidth=zWin.width(),picWidth=Math.floor((winWidth-padding*3)/4),tmpl='';
? ? ? ?for(var i=1;i<=total;i++){
? ? ? ? ? ?var p=padding;
? ? ? ? ? ?if(i%4==1){
? ? ? ? ? ? ? ?p=0;
? ? ? ? ? ?}
? ? ? ? ? ?var imgSrc='img/'+i+'.jpg';
? ? ? ? ? ?tmpl+='<li style="width:'+picWidth+'px;height:'+picWidth+'px;padding-top: '+padding+'px;padding-left: '+p+';px"><img src="'+imgSrc+'"></li>'
}
? ? ? ?$('#container').html(tmpl);
? ?}
? ?render();
</script>
</body>
</html>