摘要:自己一直在用并不斷完善的重置樣式表,直接放到項目里面可讓瀏覽器樣式基本統一,現分兩個版本,針對不同平臺作出優化。端地址移動端地址
自己一直在用并不斷完善的重置樣式表,直接放到項目里面可讓瀏覽器樣式基本統一,現分兩個版本,針對不同平臺作出優化。
PC端html{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline} li{list-style:none} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a{background-color:transparent;text-decoration:none} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} mark{background:#ff0;color:#000} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none;line-height:normal} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} textarea{overflow:auto} optgroup{font-weight:bold} table{border-collapse:collapse;border-spacing:0} td,th{padding:0}
CDN地址:http://cdn.ccwebsite.com/reset-css/1.2.2/pc/reset.min.css
移動端html{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} html,body{-webkit-user-select:none;user-select:none;} html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline} a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent} li{list-style:none} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden],template{display:none} a:active,a:hover{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} dfn{font-style:italic} h1{font-size:2em;margin:.67em 0} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-0.5em} sub{bottom:-0.25em} img{border:0;-webkit-touch-callout:none;} svg:not(:root){overflow:hidden} figure{margin:1em 40px} hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0} pre{overflow:auto} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-appearance:none;outline:none;line-height:normal} button{overflow:visible} button,select{text-transform:none} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input{line-height:normal} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} textarea{overflow:auto} optgroup{font-weight:bold} table{border-collapse:collapse;border-spacing:0} td,th{padding:0}
CDN地址:http://cdn.ccwebsite.com/reset-css/1.2.2/mobile/reset.min.css
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115018.html
摘要:淺談和移動端的響應式身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題下面我們來說一下響應式跟自適應有什么區別有些人可能還不知道響應式跟自適應的區別甚至認為他們是同一個東西其實不是的自適應是最早出現的,后面才有了響應式。 淺談pc和移動端的響應式 身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題?下面我們來說一下: 1.響應式跟自適應有什么區別? 有些人可能還不知道響應式跟自...
摘要:淺談和移動端的響應式身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題下面我們來說一下響應式跟自適應有什么區別有些人可能還不知道響應式跟自適應的區別甚至認為他們是同一個東西其實不是的自適應是最早出現的,后面才有了響應式。 淺談pc和移動端的響應式 身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題?下面我們來說一下: 1.響應式跟自適應有什么區別? 有些人可能還不知道響應式跟自...
摘要:淺談和移動端的響應式身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題下面我們來說一下響應式跟自適應有什么區別有些人可能還不知道響應式跟自適應的區別甚至認為他們是同一個東西其實不是的自適應是最早出現的,后面才有了響應式。 淺談pc和移動端的響應式 身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題?下面我們來說一下: 1.響應式跟自適應有什么區別? 有些人可能還不知道響應式跟自...
摘要:響應式布局等于流動網格布局,而自適應布局等于使用固定分割點來進行布局。如下圖所示,對于同一個頁面圖中的,如果用響應式布局來處理的話,用不同設備電腦平板手機去訪問此頁面,最后看到的布局和內容有很大不同。身為一個前端攻城獅,是不是經常遇到各種各樣的響應式問題?下面我們來說一下: 1.響應式跟自適應有什么區別? 有些人可能還不知道響應式跟自適應的區別,甚至認為他們是同一個東西,其實不是的. 自適應...
閱讀 712·2021-11-22 13:52
閱讀 1518·2021-09-27 13:36
閱讀 2818·2021-09-24 09:47
閱讀 2172·2021-09-22 15:48
閱讀 3600·2021-09-22 15:39
閱讀 1461·2019-08-30 12:43
閱讀 2918·2019-08-29 18:39
閱讀 3181·2019-08-29 12:51