網頁開發中遇到的小問題
經常寫頁面，總會遇到這樣，那樣的問題，每次遇到問題解決了，下次遇到又不知道該如何下手，所以專案結束了，對以前出現的問題做個總結：
1.當我開門開始寫頁面的時候一定要記得寫<!DocType html>,原因如下：
如果不寫文件申明瀏覽器會按照自己的渲染模式來渲染頁面，就是所說的怪異模式，ie的盒模型。特別是再寫前後端還沒有分離的頁面時，一定要注意，後端人員在改頁面的時候，是不是忘記了你的文件宣告，或者放錯了地方，<!DocType html>一定是放在<html>上面（緊挨著）。
2.如果你用edge這個瀏覽器開啟你的頁面時，瀏覽器會把電話、郵箱、住址高亮顯示，不管那你設定什麼樣式都改變不了，只要加上下面這段話就可以解決。
<meta name="format-detection" content="telephone=no,email=no,adress=no">
3.遇到 IE 瀏覽器，一定要加上下面這段話，讓 IE 以最高版本的文件模式渲染頁面，打個比方你的瀏覽器已經升級到了ie9，然而你的文件模式還是ie8。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
4.用IE開啟網站時，input框最後，總會有叉叉和小眼睛的圖示，為了保證每個瀏覽器顯示的效果一致，要去除IE中input框中叉叉和小眼睛的圖示。
<style>
::-ms-clear, ::-ms-reveal{display: none;}
</style>
5.谷歌中，當輸入使用者名稱和密碼時，背景會變成黃色，去除的方法：
input{
-webkit-box-shadow: 0 0 0 1000px white inset;
}
6.IE8中，input的設定高度時，IE8中的字型不局中，所以設定高度的時候一定要要設定行高，
與高度的值大小相等,例如：
style{
height:40px;
line-height:40px;
}
7.一個重要的問題就是input框的提示問題，之前找過好多種方法。
（1）第一種算是比較簡單的，但是當input中value的值作為查詢條件時，就不能使用了
<input type="text" value="我是預設值" onblur="if(this.value==''){ this.value='我是預設值}"
onfocus="if(this.value=='我是預設值'){this.value=''}">
(2)第二種就是用外掛解決了,相容性比較好，使用起來很方便。
http://www.bootcdn.cn/jquery-placeholder/
8.寫頁面的時候，不知道大家有沒有遇到這樣的一個問題，就是使用者用滑鼠滾輪放大或縮小頁面，有的時候會因為比例問題，影響頁面的佈局，所以我們要禁止使用者用滾輪縮放，完美。
<script language="javascript">
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta && event.ctrlKey){//IE/Opera/Chrome
event.returnValue=false;
}else if(e.detail){//Firefox
event.returnValue=false;
}
}
/*註冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
</script>