响应式样式调整部分
parent
5b6e78ef7f
commit
fb81e31ac5
115
css/style.css
115
css/style.css
|
|
@ -600,7 +600,7 @@
|
|||
}
|
||||
|
||||
.company-profile .txt {
|
||||
width: calc(100% - 538px);
|
||||
width: calc(64% - 44px);
|
||||
}
|
||||
|
||||
.profile-title {
|
||||
|
|
@ -632,7 +632,7 @@
|
|||
}
|
||||
|
||||
.company-profile .img {
|
||||
width: 494px;
|
||||
width: 36%;
|
||||
}
|
||||
|
||||
.company-profile .img>img {
|
||||
|
|
@ -766,7 +766,7 @@
|
|||
}
|
||||
|
||||
.company-culture .txt {
|
||||
width: calc(100% - 620px);
|
||||
width: calc(58% - 45px);
|
||||
}
|
||||
|
||||
.culture-title>p {
|
||||
|
|
@ -784,7 +784,7 @@
|
|||
}
|
||||
|
||||
.company-culture .img {
|
||||
width: 575px;
|
||||
width: 42%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
@ -1327,13 +1327,11 @@
|
|||
/* 轮播图 */
|
||||
.detail-swiper {
|
||||
width: 100%;
|
||||
height: 680px;
|
||||
margin-bottom: .35rem;
|
||||
}
|
||||
|
||||
.detail-swiper .swiper-slide img {
|
||||
width: 100%;
|
||||
min-height: 680px;
|
||||
}
|
||||
|
||||
.detail-swiper .swiper-pagination {
|
||||
|
|
@ -1927,10 +1925,6 @@
|
|||
}
|
||||
|
||||
/* 活动展示 */
|
||||
.market-activity {
|
||||
height: 680px;
|
||||
}
|
||||
|
||||
.market-banner-swiper .swiper-slide,
|
||||
.market-swiper .swiper-slide {
|
||||
position: relative;
|
||||
|
|
@ -1939,7 +1933,7 @@
|
|||
.market-banner-swiper .swiper-slide>img,
|
||||
.market-swiper .swiper-slide>img {
|
||||
width: 100%;
|
||||
min-height: 680px;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.market-activity-txt {
|
||||
|
|
@ -2456,45 +2450,19 @@
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* 非手机端隐藏 */
|
||||
@media screen and (min-width:768px) {
|
||||
|
||||
/* 仅手机端展示 */
|
||||
.wap-show {
|
||||
display: none !important;
|
||||
@media screen and (max-width:1840px) {
|
||||
.nav>.pull-call{
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 隐藏pc端图片 */
|
||||
.wap-img {
|
||||
display: none !important;
|
||||
}
|
||||
@media screen and (max-width:1440px) {
|
||||
.w1360{
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 手机端样式 */
|
||||
@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;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1280px) {
|
||||
/* 头部 */
|
||||
.header-white {
|
||||
background-color: #f2f5fa;
|
||||
|
|
@ -2718,6 +2686,63 @@
|
|||
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-txt {
|
||||
top: 50%;
|
||||
|
|
|
|||
10
js/script.js
10
js/script.js
|
|
@ -1,6 +1,6 @@
|
|||
$(function(){
|
||||
// 滑动页面更改头部效果
|
||||
if(screen.width <= 768){
|
||||
if(screen.width <= 960){
|
||||
$('.header').addClass('header-white');
|
||||
}else{
|
||||
$(window).scroll(function(){
|
||||
|
|
@ -57,7 +57,7 @@ $(function(){
|
|||
window.location.href = $(this).data('url');
|
||||
}
|
||||
})
|
||||
if(screen.width <= 768){
|
||||
if(screen.width <= 960){
|
||||
// 公司新闻切换
|
||||
var newsSwiper = new Swiper('.news-swiper',{
|
||||
loop:true,//开启循环播放
|
||||
|
|
@ -139,7 +139,7 @@ $(function(){
|
|||
}
|
||||
|
||||
// 尾部导航
|
||||
if(screen.width <= 768){
|
||||
if(screen.width <= 960){
|
||||
$('.foot-left>.item>a').click(function(){
|
||||
if(!$(this).parent().hasClass('active')){
|
||||
$('.foot-left>.item').removeClass('active');
|
||||
|
|
@ -233,7 +233,7 @@ $(function(){
|
|||
|
||||
// 友邻市集活动切换
|
||||
if($('.market-swiper').length){
|
||||
if(screen.width <= 768){
|
||||
if(screen.width <= 960){
|
||||
var marketSwiper = new Swiper('.market-swiper',{
|
||||
direction: 'vertical', //向上
|
||||
slidesPerView: "auto",
|
||||
|
|
@ -303,7 +303,7 @@ $(function(){
|
|||
|
||||
|
||||
// 手机端二级导航
|
||||
if(screen.width <= 768){
|
||||
if(screen.width <= 960){
|
||||
if($('.sub-nav-bg').length){
|
||||
let parentWidth = $('.sub-nav-bg').width();
|
||||
let offsetLeft = $('.sub-nav>.active').offset().left;
|
||||
|
|
|
|||
Loading…
Reference in New Issue