如何在一个页面上制作响应式表单

Question

我正在制作一个网页。 带有输入框的红色图像和带有桌子的蓝色图像，如下图所示，第二个大图像上放置了

我的代码是..

＆＃13;

＆＃13;

<section id="section01" style="padding-top:70px;margin-top:70px;display: table;width:100%;height: 100%; text-align: center; background: url(img/main_02.jpg) bottom center no-repeat #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;">
        <div class="row" style="margin-left:0;margin-right:0;">
            
            <table style="width: 100%;margin-top:100px;">
        	<tr>
        		<td style="width:50%;text-align: right;padding-right: 10px;">
	        		<img src="img/contact1.png" style="width:100%;max-width: 425px;" >					
					<input type="text" style="position: absolute;width:100%;max-width: 132px;color: #000; left: 420px;">
					<input type="text" style="position: absolute;width:100%;max-width: 132px;color: #000; left: 420px;">
        		</td>
        		<td style="width:50%;text-align: left;padding-left: 10px;">
	        		<img src="img/contact2.png" style="width:100%;max-width: 425px;" >	        		
					<table style="position: absolute;">
					<tr><td>1111</td></tr>
					</table>
        		</td>
        	</tr>
        </table>
        </div>
        
        
        
    </section>

＆＃13;

＆＃13;

＆＃13;

我试图把＆＃34;位置：绝对; left：xx px＆＃34;标签，但如果改变屏幕的分辨率，那么结果就会变得混乱。 我不知道何时调整屏幕大小，如何保持标签位置？ 需要响应网站... 请告诉我..