我试图缩小页面以适应移动屏幕

时间:2014-07-07 23:57:03

标签: html css mobile

我试图让页面缩小以完全适合移动屏幕但是一边是图像,另一边是iframe格式,它在手机上被推到右侧,也是一样的长头。我已经尝试了我在这里看到的每个“元视口”组合,但没有任何工作。这可能还是我错过了什么?谢谢!有很多代码,所以不确定应该在这里发布什么。

链接到页面:http://marketing.bigkiteconsulting.com/acton/fs/blocks/showLandingPage/a/9748/p/p-0028/t/page/fm/0

1 个答案:

答案 0 :(得分:0)

好的,所以我收集你不希望表格在图像和段落上方的div上面?这可能会给你最好的外观。

主要问题是图像,您需要从图像中删除宽度和高度,并使用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