使頁面縮小到不同的px也可以正常顯示

屏幕到768px時

?overflow: hidden;超出變寬附近隱藏

overflow：scroll顯示滾動條

overflow：auto超出顯示滾動條

?

background: url(../0713/login/iconfont-duanxin.png) no-repeat;設置表單背景圖片及不平鋪

還可以調整位置

? border: 1px solid gray;設置邊框的顏色和寬度

colspan 合并行單元格

input（sumbit, button,checkbox,radio,text,number,phone）

? tbody tr:nth-child(odd) {

? ? ? ? ? ? background-color: pink;

? ? ? ? }

表單換行變色

?

? ? ? ?

?

總結

以上是生活随笔為你收集整理的媒体查询和表单美化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。