iframe打破了响应能力

Question

我在iframe中有以下模板：http://vho_pfodox_1811.vh.parking.ru/templates/resume

在小型设备上，它工作不正常，但没有iframe，它看起来不错。如何在iframe中完成此工作？

Answer 1

您是否在网站/ iframe HTML的头部有这个元数据标记？

<meta name="viewport" content="width=device-width, initial-scale=1">

Answer 2

在小型设备上，随着设备宽度和高度的变化，您需要遵循一种称为响应式网页设计（RWD）的不同设计技术，其中可以使网页的组件适合屏幕尺寸。 / p>

对于你的iframe，在css中

iframe
{
  width:(your own dimension)%;
  height:(your own dimension)%;
  margin:(your own dimension)%;
}

并在HTML源代码中将此元标记添加到head标记

中

<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0">

注意：为了使您的iframe响应，您需要仅以％为单位指定尺寸，而不是在px，in或em等其他单位中指定尺寸