Question

我使用wix创建了一个网站。要在我的网站上放置表格，我使用了html小部件。但是，html小部件有高度限制，所以我必须将我的一些表分成两部分。问题是我的表的高度在ipad和笔记本电脑之间变化，事实证明文本在ipad上的表之间重叠。为了避免文本重叠，我必须在笔记本电脑上的表之间留下很大的差距。有谁知道如何解决它？

下面的图片是我的ipad和笔记本电脑的截图。 https://dl.dropboxusercontent.com/u/39965960/2013-11-16%2004.12.01.png https://dl.dropboxusercontent.com/u/39965960/abnormal.png

我的表格宽度的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">

<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>

Ipad和笔记本电脑之间的表高度不同（使用html <iframe> </iframe>

0 个答案: