如何...響應Div元素

-2

我正在創建我的網站，我需要添加div元素，如視頻，表單等;這是我的網站：http://www.albertoporrasmoreno.com/tiendasonline/如何...響應Div元素

這是我的實際代碼; i'm新

CSS：

#apDiv1 { 
    position:relative; 
    width: 225px; 
    height: 70px; 
    z-index: 1;  
    left: 300px;  
    top: 375px; 
} 
#apDiv2 { 
    position: absolute; 
    width: 225px; 
    height: 70px; 
    z-index: 1; 
    left: 400px; 
    top: 675px; 
}

HTML：

<div id="apDiv1"> 
    <iframe src="//www.youtube.com/embed/92Qeg7jKeZI" height="315" width="560" allowfullscreen="" frameborder="0"></iframe> 
</div> 
<div id="apDiv2"> 
    <a href="http://www.prestashop.com/download/pdf/PrestaShop-Feature-List-es.pdf"> 
     <img class="alignnone size-full wp-image-31" alt="BOTON-CARACTERISTICAS-PRESTASHOP" src="http://www.albertoporrasmoreno.com/tiendasonline/wp-content/uploads/2014/01/BOTON-CARACTERISTICAS-PRESTASHOP.jpg" width="641" height="128" /> 
    </a> 
</div>

我希望你能幫助我，謝謝

來源

2014-01-09 user3178762

您似乎沒有問過任何問題。你想要做什麼？ –

我不明白你想做什麼。但我可以建議，對於敏感的風格使用bootstrap css ..它很容易和有效 – shivaP

這是很難沒有更多的信息，充分回答，但我會盡力幫助盡我所能：

響應式佈局（無t他使用插件）最容易通過媒體查詢完成。我可以看到這些已經在你的頁面上實現了。

在您的media_queries.css文件中，首先爲桌面格式化所有div元素。許多人將使用固定的桌面佈局。

然後，轉到您的平板電腦和移動樣式。由於屏幕尺寸有限和設備尺寸可變，我建議在此使用靈活的佈局。將width屬性更改爲百分比。您可能還需要調整display屬性，以使您的元素正確地適合屏幕。希望這可以幫助！

來源

2014-01-09 18:34:23 bboysupaman

據我所知，你想改變apDiv1和apDiv2的寬度對嗎？

所以，首先刪除width和height attibutes的iframe和從HTML代碼的圖像..

HTML：

<div id="apDiv1"> 
    <iframe src="//www.youtube.com/embed/92Qeg7jKeZI" allowfullscreen="" frameborder="0"></iframe> // removed width and height attributes here 
</div> 
<div id="apDiv2"> 
    <a href="http://www.prestashop.com/download/pdf/PrestaShop-Feature-List-es.pdf"> 
     <img class="alignnone size-full wp-image-31" alt="BOTON-CARACTERISTICAS-PRESTASHOP" src="http://www.albertoporrasmoreno.com/tiendasonline/wp-content/uploads/2014/01/BOTON-CARACTERISTICAS-PRESTASHOP.jpg" /> // removed width and height attributes here too 
    </a> 
</div>

現在加入CSS的各項決議案所需的寬度和高度在@media-queries

請發表評論以獲得更多幫助。感謝名單！

來源

2014-01-09 19:21:56 skshoyeb

如何...響應Div元素

回答

相關問題