gpt4 book ai didi

php - 集成 Joomla! 后的移动站点不同!内容管理系统

转载 作者:行者123 更新时间:2023-11-28 09:57:27 25 4
gpt4 key购买 nike

我目前正在创建一个网站。我将第一个初始原型(prototype)设为静态,但只是集成了一个 Joomla! cms 进去。 (链接已删除)

最初设备宽度(在我的 nexus 5 上纵向显示)为 360,但集成 cms 后设备宽度为 980 - 所以 css 媒体查询不正确

有没有 Joomla!插入的脚本可能会影响这一点,还是 php 在不同时间提取文件的方式?

这是CSS:

@media (max-width: 991px) {
.topnavitem:hover,
.subnav_item:hover {
background-color: inherit;
}
.long {
box-shadow: black 0px 4px 10px -2px;
}
.footer {
box-shadow: black 0px -1px 3px 0px, white 0px 0px 6px 0px;
}
.sliderimage.teamphotosliderimage {
margin-top: 0px;
}
.sliderimage.varistyimg {
margin-top: -24px;
}
.topnavitem {
position: static;
max-width: 100%;
margin-left: 0px;
padding-left: 40px;
float: none;
}
.topnavitem.w--current {
max-width: 100%;
padding-right: 0px;
float: none;
}
.topnavitem.nodropdown {
position: relative;
max-width: 100%;
margin-left: 0px;
padding-right: 0px;
padding-left: 40px;
float: none;
}
.navmenu {
position: absolute;
background-color: #4d1c1c;
}
.menubutton.w--open {
background-color: #4d1c1c;
}
.navblock {
display: block;
margin-left: 0px;
padding-left: 0px;
float: none;
}
.subnavsection {
position: static;
text-align: left;
}
}
@media (max-width: 767px) {
.long {
box-shadow: black 0px 4px 10px -2px;
}
.sliderimage.varistyimg {
margin-top: 0px;
}
.slider {
height: 250px;
}
.sidelinksimage {
width: 120px;
height: 120px;
margin-right: 5px;
margin-left: 5px;
}
}
@media (max-width: 479px) {
.long {
box-shadow: black 0px 4px 10px -2px;
}
.sliderimage.teamphotosliderimage {
margin-top: 0px;
}
.sliderimage.varistyimg {
margin-top: -16px;
}
.slider {
height: 120px;
}
.sidelinksimage {
width: 65px;
height: 65px;
margin-right: 5px;
margin-left: 5px;
}
.menubutton.w--open {
background-color: #4d1c1c;
}
.gallery_image {
width: 21%;
}
}

最佳答案

有趣的是这个设置修复了它:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

关于php - 集成 Joomla! 后的移动站点不同!内容管理系统,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24850982/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com