我正在嘗試縮小頁面以適應移動屏幕

-1

我正在嘗試縮小頁面以完全適合移動屏幕，但一邊是圖像，另一邊是iframe表單，它正在被推送在電話右側，長頭也是這樣。我已經嘗試了我在這裏看到的每個「元視口」組合，沒有任何工作。這是可能的還是我錯過了什麼？謝謝！有很多代碼，所以不知道應該在這裏發佈什麼。我正在嘗試縮小頁面以適應移動屏幕

2014-07-07 Fathon

谷歌的'響應式網格系統'，從頭開始使用它作爲指導。從長遠來看，這將變得容易得多。 – redditor

除了向您的頁面添加元視口標籤之外，您是否嘗試過其他任何內容？任何響應的CSS技術？媒體查詢，其他方法？你允許使用Bootstrap之類的框架嗎？ – swestfall

好了，我猜你不想形式與圖像和段落的股利以上？這可能會給你最好的外觀。

的主要問題是圖像，您需要刪除從圖像的寬度和高度，並用css

<img src="http://marketing.bigkiteconsulting.com/cdnr/57/acton/attachment/9748/f-0037/1/-/-/-/-/image.jpg" border="0" style="width:100%;">

至於表格的寬度設置爲一個百分比，它太寬本身。我建議在名字下包裝姓氏，並使電子郵件輸入框變小，但是如果該iframe來自第三方，那麼除非啓用CORS，否則沒有太多可以做的事情。 http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

2014-07-08 00:13:31 blamb

回答