select標籤在各個瀏覽器的默認樣式都是不一樣的,要想重置樣式,則給select加:
appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;border: 1px solid #ccc;padding-right: 18px;background: url(images/select_arrow.png) no-repeat right 5px top 10px;padding-left: 5px;
這些樣式即可(把默認樣式去掉,重置背景色邊框及下拉箭頭)
移動端網頁最常見的就是要加
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
讓頁面在移動端禁止放大縮小 按1:1的比例顯示