Question

我在调整应用程序大小时遇到问题。在我的电脑上一切正常，但在我的手机上并不完全。我有4：3的监视器但是当我模拟调整大小到16：9时，在chrome中使用“ctrl + shift + i”，一切正常。 HTML：

<head>
<title>title</title>
<link rel="stylesheet" href="index.css"/>
</head>
<body

<table class="tableinmenu">
 <tr id="proportionone">
    <td id="picture"></td>
</tr>
<tr id="proportiontwo">
    <td>
    <input id="button" type="submit" value="Text"/>
    </td>
</tr>
</table>

</body>

CSS：

.tableinmenu {
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-collapse: separate;
border-spacing: 20px 5px;
}

#proportionone {
height: 80%;
}

#proportiontwo {
height: 20%;
}

#picture {
background-image: url("img.jpg");
background-position: center;    
background-size: 100% 100%;
border: 20px solid white;
border-bottom: none;
border-radius: 20px 20px 0 0;
opacity: 0;
}

#button {
width: 100%;
height: 100%;
background-color: #c3f;
font-family: Florence, cursive;
font-size: xx-large;
color: white;
border: 20px solid white;
border-top: none;
border-radius: 0 0 20px 20px;
opacity: 0;
}

PC版：photo 手机版：photo 我做错了什么？

调整我的应用程序大小的问题

0 个答案: