需要幫助，使這個頁面響應

我一直在嘗試3天，使我的聯繫表格與嵌入在同一頁面中的iframe地圖對齊。有4個主要的div。（1）Iframe標題（2）iframe的位置（3）形式的報頭（4）格式的位置：需要幫助，使這個頁面響應

<div class="iframeTitle">How to Find Us</div> 
<div class="iframepos"> 
<div class="contactTitle">Contact Us</div> 
<div class="form_pos">

我已經添加了媒體查詢的代碼，但使用在線工具，顯示瞭如何當仍然有問題，甚至該網站以不同的分辨率出現。

如果您在dem找到的here中展開/收縮寬度條，您可以看到地圖和表單並不總是並排排列。該演示包含了我的大部分代碼，因爲我覺得這個問題全都相關，因爲這個問題涉及響應式設計。

任何反饋或修復將是如此驚人。在此先感謝

來源

2014-09-25 Nova

不知道你在說什麼。下面的人發佈了一個答案，現在我的問題解決了。 1個問題，1個答案。看起來對我來說非常有效。 – Nova 2014-09-26 01:10:23

如果你想使頁面響應，你真的需要將你的元素封裝在div中。您當前的結構是：

<header> 

    <div class="iframeTitle"></div> 
    <div class="iframepos"></div> 

</header> 
<div class="contactTitle"></div> 

<div class="form_pos"></div> 

<div class="OfficeEmail"></div> 

<div class="OfficeToll"></div> 

<div class="OfficeLocal"></div> 

<div class="OfficeFax"></div> 

<div class="DropBy"></div> 

<div class="Address1"></div> 

<div class="Address2"></div>

應該是這樣的：

<header> 

     <div class="iframeTitle"></div> 
     <div class="iframepos"></div> 

</header> 

<div id="CONTACT_FORM"> 
    <div class="contactTitle"></div> 

    <div class="form_pos"></div> 
</div> 
<div id="ADDRESS"> 

    <div class="OfficeEmail"></div> 

    <div class="OfficeToll"></div> 

    <div class="OfficeLocal"></div> 

    <div class="OfficeFax"></div> 

    <div class="DropBy"></div> 

    <div class="Address1"></div> 

    <div class="Address2"></div> 
</div>

然後用媒體查詢應用樣式到包裝元素。

這應該是你的出發點。

來源

2014-09-25 22:04:24

需要幫助，使這個頁面響應

回答

相關問題