html网页多终端预览效果图切换
代码语言:html
所属分类:布局界面
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <style> html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 } body { line-height: 1 } ol,ul { list-style: none } blockquote,q { quotes: none } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none } :focus { outline: 0 } ins { text-decoration: none } del { text-decoration: line-through } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; color: #fff } body { font-family: kreon; font-weight: 300; color: #333; background: #f5f5f5 } #switcher { height: 54px; z-index: 99999; position: fixed; width: 100%; top: 0; background: #000 } .center { width: 100%; padding-top: 0 } .center ul li { display: inline; float: left; position: relative } .logoTop,.top2 { margin-left: 30px; margin-right: 30px; margin-top: 20px; color: #fff; font-weight: 700; } @media screen and (max-width:1082px) { #sj { display: none } #sj2 { display: none }} .top2 { position: relative; margin-top: 0; font-size: 12px; font-weight: 400; background-image: url(img/2vmd.png); .........完整代码请登录后点击上方下载按钮下载查看
网友评论0