如何使一个网页在浏览器里不是全屏 在手机端是全屏
nbsp;html>
现代化家居响应式网站模板源码是以cmseasy进行开发的家居网站模板。该软件可免费使用,模板附带测试数据!模板源码特点:整体采用浅色宽屏设计,简洁大气,电脑手机自适应布局,大方美观,功能齐全,值得推荐的一款模板,每个页面精心设计,美观大方,兼容各大浏览器;所有代码经过SEO优化,使网站更利于搜索引擎排名,是您做环保类网站的明确选择。无论是在电脑、平板、手机上都可以访问到排版合适的网站,即便是微信等
0
看看 media query 吧,挺简单的,就是麻烦。你可以参考下:
@media only screen and (max-width: 959px) { .top-fix .menu-control {position: absolute; top: 13px; right: 18px; display: block; text-align: center; } .top-fix .menu-control a {display: block; border: none; padding: 0; background-color: transparent; cursor: pointer; width: 21px; height: 20px; color: rgba(0, 0, 0, 0); line-height: 200px; overflow: hidden; background-image: url(../images/menu_control.png); background-repeat: no-repeat; } .top-fix .menu-control-h a {background-image: url(../images/menu_control_h.png); } .header {display: none; position: absolute; top: 50px; left: 0; background: #333; padding-top: 12px; } .menu-menumain {margin: 0; } .menu-menumain .menumain-item {margin: 0; width: 100%; border-bottom: 1px solid #444; } .menu-menumain .menumain-item a {text-align: left; display: inline-block; margin-left: 20px; } .menumain-item .sub-indicator{display: none; } .sub-menu {display: block; position: static; overflow: hidden; background-color: #212121; padding-left: 48px; } .sub-menu .submenu-item {float: left; } .top-fix .container .top-fix-wrap {position: relative; margin: 0 auto; } .top-fix .header, .top-fix .container {width: 100%!important; }}@media only screen and (max-width: 959px) and (min-width: 630px) { .top-fix .container .top-fix-wrap {width: 650px!important; } .container, .list-wrap { width: 630px; } }@media only screen and (max-width: 629px) and (min-width: 479px) { .container, #homecontent {width: 385px; } .container .one-third.column, .container .one-third.column .post {width: 385px; } .one-third a img.attachment-thumbnail {margin-left: 0; }}@media only screen and (max-width: 479px) and (min-width: 385px) { .container, #homecontent {width: 100%; } .container .one-third.column, .container .one-third.column .post {width: 100%; } /*.one-third a img.attachment-thumbnail {height: 220px; width: 100%; margin-left: 0; }*/ .one-third .img-wrap { display: block; height: 220px; overflow: hidden;} .one-third a img.attachment-thumbnail {height: auto; width: 100%; margin-left: 0; }}@media only screen and (max-width: 384px) { .container, #homecontent {width: 100%; } .container .one-third.column, .container .one-third.column .post {margin-right: 0; width: 100%; } #homecontent .img-wrap {display: block; width: 100%; overflow: hidden; } .one-third a img.attachment-thumbnail {margin-left: 0; }} 可以参考bootstrap.网址www.bootcss.com
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号