问题1:
在页面手动缩小的时候不影响页面内容的大小:
定义<div>或其他标签的时候使用具体像素(px)来定义大小;
问题2:
内容块居中布置:
在父级标签使用text-aglin:center; margin-left:auto;margin-rignt:auto;
问题3:
注册,登陆框<lable><input>标签对齐:
使用<table>标签布局
<table>
<tr>
<td><label for="name">用户名称</label></td>
<td><input name="name" value="" type="text" /></td>
</tr>
<tr>
<td><label for="password">密码</label></td>
<td><input name="password" value="" type="password" /></td>
</tr>
<tr>
<td><label for="email">E-mail:</label></td>
<td><input name="email" value="" type="email" /></td>
</tr>
<tr>
<td><label for="phone">手机号</label></td>
<td><input name="phone" value="" type="text" /></td>
</tr>
</table>
//for的使用原因:点击<lable>标签中的内容时可以自动关联到<input>的内容
问题4:
允许网页宽度自动调整:
在网页代码的头部加入一行viewport元标签。
<meta name="viewport" content="width=device-width, initial-scale=1" />
问题5:文字垂直方向居中:
针对单行显示的文字可以设置height和line-height的值相等;