响应式样式调整部分

master
Lee 2022-10-08 11:14:19 +08:00
parent 5b6e78ef7f
commit fb81e31ac5
2 changed files with 267 additions and 242 deletions

View File

@ -600,7 +600,7 @@
} }
.company-profile .txt { .company-profile .txt {
width: calc(100% - 538px); width: calc(64% - 44px);
} }
.profile-title { .profile-title {
@ -632,7 +632,7 @@
} }
.company-profile .img { .company-profile .img {
width: 494px; width: 36%;
} }
.company-profile .img>img { .company-profile .img>img {
@ -766,7 +766,7 @@
} }
.company-culture .txt { .company-culture .txt {
width: calc(100% - 620px); width: calc(58% - 45px);
} }
.culture-title>p { .culture-title>p {
@ -784,7 +784,7 @@
} }
.company-culture .img { .company-culture .img {
width: 575px; width: 42%;
overflow: hidden; overflow: hidden;
} }
@ -1327,13 +1327,11 @@
/* 轮播图 */ /* 轮播图 */
.detail-swiper { .detail-swiper {
width: 100%; width: 100%;
height: 680px;
margin-bottom: .35rem; margin-bottom: .35rem;
} }
.detail-swiper .swiper-slide img { .detail-swiper .swiper-slide img {
width: 100%; width: 100%;
min-height: 680px;
} }
.detail-swiper .swiper-pagination { .detail-swiper .swiper-pagination {
@ -1927,10 +1925,6 @@
} }
/* 活动展示 */ /* 活动展示 */
.market-activity {
height: 680px;
}
.market-banner-swiper .swiper-slide, .market-banner-swiper .swiper-slide,
.market-swiper .swiper-slide { .market-swiper .swiper-slide {
position: relative; position: relative;
@ -1939,7 +1933,7 @@
.market-banner-swiper .swiper-slide>img, .market-banner-swiper .swiper-slide>img,
.market-swiper .swiper-slide>img { .market-swiper .swiper-slide>img {
width: 100%; width: 100%;
min-height: 680px; min-height: 100%;
} }
.market-activity-txt { .market-activity-txt {
@ -2456,45 +2450,19 @@
max-width: 100%; max-width: 100%;
} }
/* 非手机端隐藏 */
@media screen and (min-width:768px) {
/* 仅手机端展示 */ @media screen and (max-width:1840px) {
.wap-show { .nav>.pull-call{
display: none !important; display: none;
} }
}
/* 隐藏pc端图片 */ @media screen and (max-width:1440px) {
.wap-img { .w1360{
display: none !important; width: 90% !important;
} }
} }
/* 手机端样式 */ @media screen and (max-width:1280px) {
@media screen and (max-width:768px) {
body {
padding-top: .9rem;
max-width: 768px;
}
html {
font-size: 100px;
}
.w1360 {
width: 94% !important;
}
/* 仅pc端展示 */
.pc-show {
display: none !important;
}
/* 隐藏pc端图片 */
.pc-img {
display: none !important;
}
/* 头部 */ /* 头部 */
.header-white { .header-white {
background-color: #f2f5fa; background-color: #f2f5fa;
@ -2718,6 +2686,63 @@
margin-top: .15rem; margin-top: .15rem;
} }
/* 内容 */
.project-case-list>a>.img{
height: 175px;
}
.culture-info{
line-height: 1.8;
}
.red-property-case>a>.img{
height: 235px;
}
.complaint .left{
width: 280px;
}
.complaint .right{
width: calc(100% - 320px);
}
}
/* 非手机端隐藏 */
@media screen and (min-width:960px) {
/* 仅手机端展示 */
.wap-show {
display: none !important;
}
/* 隐藏pc端图片 */
.wap-img {
display: none !important;
}
}
/* 手机端样式 */
@media screen and (max-width:960px) {
body {
padding-top: .9rem;
}
html {
font-size: 100px;
}
.w1360 {
width: 94% !important;
}
/* 仅pc端展示 */
.pc-show {
display: none !important;
}
/* 隐藏pc端图片 */
.pc-img {
display: none !important;
}
/* banner */ /* banner */
.banner-txt { .banner-txt {
top: 50%; top: 50%;

View File

@ -1,6 +1,6 @@
$(function(){ $(function(){
// 滑动页面更改头部效果 // 滑动页面更改头部效果
if(screen.width <= 768){ if(screen.width <= 960){
$('.header').addClass('header-white'); $('.header').addClass('header-white');
}else{ }else{
$(window).scroll(function(){ $(window).scroll(function(){
@ -57,7 +57,7 @@ $(function(){
window.location.href = $(this).data('url'); window.location.href = $(this).data('url');
} }
}) })
if(screen.width <= 768){ if(screen.width <= 960){
// 公司新闻切换 // 公司新闻切换
var newsSwiper = new Swiper('.news-swiper',{ var newsSwiper = new Swiper('.news-swiper',{
loop:true,//开启循环播放 loop:true,//开启循环播放
@ -139,7 +139,7 @@ $(function(){
} }
// 尾部导航 // 尾部导航
if(screen.width <= 768){ if(screen.width <= 960){
$('.foot-left>.item>a').click(function(){ $('.foot-left>.item>a').click(function(){
if(!$(this).parent().hasClass('active')){ if(!$(this).parent().hasClass('active')){
$('.foot-left>.item').removeClass('active'); $('.foot-left>.item').removeClass('active');
@ -233,7 +233,7 @@ $(function(){
// 友邻市集活动切换 // 友邻市集活动切换
if($('.market-swiper').length){ if($('.market-swiper').length){
if(screen.width <= 768){ if(screen.width <= 960){
var marketSwiper = new Swiper('.market-swiper',{ var marketSwiper = new Swiper('.market-swiper',{
direction: 'vertical', //向上 direction: 'vertical', //向上
slidesPerView: "auto", slidesPerView: "auto",
@ -303,7 +303,7 @@ $(function(){
// 手机端二级导航 // 手机端二级导航
if(screen.width <= 768){ if(screen.width <= 960){
if($('.sub-nav-bg').length){ if($('.sub-nav-bg').length){
let parentWidth = $('.sub-nav-bg').width(); let parentWidth = $('.sub-nav-bg').width();
let offsetLeft = $('.sub-nav>.active').offset().left; let offsetLeft = $('.sub-nav>.active').offset().left;