我有一张 224w x 400h 的图像。漂浮在该图像上的是一个简单的形式。
我的目标是使包含该图像+覆盖形式的 div 在移动设备上查看时占据整个屏幕。我尝试了使用媒体标头、视口元数据和大量我从类似的堆栈溢出问题中拼凑而成的 css 的各种组合。我目前不知道下一步该做什么。
我还尝试至少将 img+form 居中，但我放弃了它，因为它不相对于移动设备屏幕尺寸居中。（相反，它将 div 推离屏幕并创建水平滚动条，就好像它认为移动设备屏幕非常宽一样。）
如何更改以便移动设备能够用我指定的 div 填满其屏幕？（或者至少，将 fullsrceen div 类集中在移动设备的较小屏幕上。）非常感谢任何帮助！
当前 HTML
<!DOCTYPE html>
<html>
<head>
<title>Reg</title>
<meta name="viewport" content="target-densitydpi=device-dpi">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<link href="Form.css" rel="stylesheet">
</head>
<body>
<div class="fullscreen" id="fullscreen">
<div style="position:relative">
<img src="fbg.png" alt="" />
<div style="position:absolute;left:0;top:0;">
<div id"=main">
<form method="post" action="SMA_Send2.php">
<label for="form">
First Name: <input type="text" maxlength="20" name="Fname" required><br />
Last Name: <input type="text" maxlength="36" name="Lname" required><br />
Student ID: <input type="number" …我有一个简单的表单来接收用户数据并将其插入到SQL数据库中.当用户点击提交时,它会创建一个新的输入行(所以我知道它连接到数据库),但没有一个值按照应有的方式发布.我正在关注w3schools的教程,但我不确定我的价值观在哪里迷失.有人能指出我正确的方向吗？
形成:
<?php
$Fname = $_POST["Fname"];
$Lname = $_POST["Lname"];
$Sid = $_POST["Sid"];
$Email = $_POST["Email"];
$Dtype = $_POST["Dtype"];
$Mac = $_POST["Mac"];
?>
<html>
<head>
<title>Register School Device</title>
</head>
<body>
<form method="post" action="SMA_Send.php">
First Name:<input type="text" size="12" maxlength="20" name="Fname"><br />
Last Name:<input type="text" size="12" maxlength="36" name="Lname"><br />
Student ID:<input type="text" size="12" maxlength="12" name="Sid"><br />
Email:<input type="text" size="12" maxlength="36" name="Email"><br />
Device Type:<br />
<select name="Dtype">
<option value="iPad">iPad</option>
<option value="iPhone">iPhone</option>
<option value="AndroidTablet">Android Tablet</option>
<option value="AndroidPhone">Android Phone</option></select><br />
Mac Address:<input type="text" size="12" maxlength="36" …