Html窗口rezise

-1

我正在做一個HTML網站作爲我的手機的首頁。但它不適合（https://i.gyazo.com/4e1f9d56390168593f3f51c9be8cb42e.png）。它不想調整正確。 HTML：Html窗口rezise

<html> 

<head> 
<link rel="stylesheet" type="text/css" href="css.css"/> 
</head> 

<body> 
<div class="div"> 
<div align="top"> 
<a href="http://www.youtube.com/feed/subscriptions" style="background-color:fff;" class="blur" title="Youtube"><img src=" images/youtube.png"/></a> 
<a href="http://www.google.com" style="background-color:fff;" class="blur" title="Google"><img src=" images/google.png"/></a> 
</div> 
<div align="top"> 
<a href="http://www.tumblr.com" style="background-color:fff;" class="blur" title="Tumblr"><img src=" images/tumblr.png"/></a> 
<a href="#" style="background-color:fff;" class="blur" title="Aperture"><img src=" images/aperture.png"/></a> 
<a href="http://www.wikipedia.com" style="background-color:fff;" class="blur" title="Wikipedia"><img src=" images/wikipedia.png"/></a> 
<a href="about" style="background-color:fff;" class="blur" title="Made By ThuverX Designs"><img src=" images/thuverx.png"/></a> 
</div> 
<a href="http://mail.google.com" style="background-color:fff;" class="blur" title="Gmail"><img src=" images/gmail.png"/></a> 
<a href="http://www.twitter.com" style="background-color:fff;" class="blur" title="Twitter"><img src=" images/twitter.png"/></a> 
<div align="left"> 
<iframe src="http://www.youtube.com/embed/?listType=user_uploads&list=jacksepticeye" width="516" height="290"class="border"></iframe>   
</div> 
</div> 
</body> 

</html>

的CSS

.blur { 
    border: 0; 
    background-size: 80px 60px; 
    cursor: pointer; 
    font: inherit; 
    transition: all .1s linear; 
} 
.blur:hover { 
    -webkit-filter: blur(3px); 
} 

.border{ 
    border: 0; 
} 

.div{ 

}

圖片：http://i.gyazo.com/fdb2d38783396a7350a6dbaf57aaa023.png

有誰知道修復？（如jQuery的，告訴我怎麼樣，我什麼都不知道。）

來源

2015-07-12 ThuverX

你是什麼意思，它不適合？ –

歡迎來到Stack Overflow！尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身**中重現**所需的最短代碼。請參閱[**如何創建一個最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

https://i.gyazo.com/4e1f9d56390168593f3f51c9be8cb42e.png – ThuverX

html,body 
{ 
width:100%; 
margin:0px; 
}

注：我建議你對媒體查詢看看。 http://www.htmlgoodies.com/html5/tutorials/an-introduction-to-css3-media-queries.html#fbid=yf-U4qYzkTA

來源

2015-07-12 18:51:52 divy3993

試過代碼但沒有工作，但我想嘗試鏈接 – ThuverX

這是因爲你的html元素（div，span，img - tags）的其餘部分的CSS。嘗試還給寬度：100％類div – divy3993

我試過這個：html，iframe，body，div，img { width：100％; margin：0px; }導致這：http：//i.gyazo.com/775e6a6ae5476750081b005727a63046.png – ThuverX

回答

相關問題