Ipad和笔记本电脑的桌子高度不同（使用html<；iframe>；_Html_Ipad

Ipad和笔记本电脑的桌子高度不同（使用html<；iframe>；

html ipad

Ipad和笔记本电脑的桌子高度不同（使用html<；iframe>；,html,ipad,Html,Ipad,我使用创建了一个网站。为了在我的网站上放置表格，我使用了html小部件。然而，html小部件有高度限制，所以我不得不将我的一些表格分成两部分。问题是我的表格在ipad和笔记本电脑之间的高度发生变化，结果是ipad上的表格之间存在文本重叠。为了避免文本重叠，我必须在笔记本电脑上的表格之间留有很大的间隙。有人知道如何解决这个问题吗下面的图片是我的ipad和笔记本电脑的截图。我的表格宽度的html代码和我的代码如下 <STYLE type="text/css">

我使用创建了一个网站。为了在我的网站上放置表格，我使用了html小部件。然而，html小部件有高度限制，所以我不得不将我的一些表格分成两部分。问题是我的表格在ipad和笔记本电脑之间的高度发生变化，结果是ipad上的表格之间存在文本重叠。为了避免文本重叠，我必须在笔记本电脑上的表格之间留有很大的间隙。有人知道如何解决这个问题吗

下面的图片是我的ipad和笔记本电脑的截图。

我的表格宽度的html代码和我的代码如下

<STYLE type="text/css">
                body,td,th {
                    font-family: Verdana, Verdana, Verdana;
                    font-size: 12px;
                }
                </STYLE>
                <table width=900 border="1" cellspacing="0" style='table-layout:fixed'>
                <col width="11%">
                <col width="11%">
                <col width="33%">
                <col width="16%">
                <col width="16%">
                <col width="6%">
                <col width="7%">
                <col width="7%">

                <tr bgcolor="#00aaaa">


正文，td，th{
字体系列：Verdana、Verdana、Verdana；
字体大小：12px；
}


页面标题
身体，
html{
宽度：100%；
身高：100%；
溢出：隐藏；
}
* {
填充：0；
保证金：0；
}
iframe{
宽度：100%；
身高：100%；
溢出：隐藏；
边界：无；
}

你用wix创建了网站？我迷路了，什么是wix？我想他说的是wix web开发平台（）wix是一个可怕的基于flash的网站创建者

<html>
<head>
    <meta charset="utf-8">
    <title>Page Title</title>

    <style type="text/css" media="screen">

        body,
        html {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        * {
            padding: 0;
            margin: 0;
        }

        iframe {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: none;
        }
    </style>

</head>
<body>

    <iframe src="https://googledrive.com/host/0B5mkUGmS3zi7T1hiRTZ2OEVTb0U/Edu_iframe_1_1.html" scrolling="no"></iframe>

</body>
</html>