Php 移动设备页脚媒体查询不工作
我在书堆上翻阅了无数页，但都没用。我正在尝试使用媒体查询在移动设备上删除我的页脚。不幸的是，此注释似乎在设备上工作，但是如果最小化屏幕，它在桌面浏览器中工作。任何想法都将不胜感激 页脚位于include语句中 这是我的密码：Php 移动设备页脚媒体查询不工作,php,css,media-queries,Php,Css,Media Queries,我在书堆上翻阅了无数页，但都没用。我正在尝试使用媒体查询在移动设备上删除我的页脚。不幸的是，此注释似乎在设备上工作，但是如果最小化屏幕，它在桌面浏览器中工作。任何想法都将不胜感激 页脚位于include语句中 这是我的密码： <meta name="viewport" content="width=device-width, initial-scale=1.0"> <body id="footer" is="dmx-app"> <dmx-serverconnect
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body id="footer" is="dmx-app">
<dmx-serverconnect id="serverconnect1" url="../dmxConnect/api/homePage/officerInfo.php"></dmx-serverconnect>
<div class="footer">
<div class="container-fluid">
<div class=row>
<div class="col-lg-4">
<h2 class="footerheading"> Officers</h2>
<div class="footertext" dmx-repeat:repeat1="serverconnect1.data.ptoOfficers">
<table width="549" height="46" class="footertext">
<tbody>
<tr>
<td class="footerposition">{{col_position}}</td>
<td class="footername">{{col_firsrtName}} {{col_lastName}}</td>
<td class="footerphone">{{col_phone}}</td>
<td> <a href="mailto:{{col_email}}" class="footeremail">{{col_email}}</a> </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-lg-4">
<h2 class="footerheading">Navigate</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
</div>
<div class="col-lg-4">
<h2 class="footerheading">Stay in Contact!</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
/* dmxServerAction name "ptoOfficersExecutor" */
jQuery.dmxServerAction(
{"id": "ptoOfficersExecutor", "url": "../dmxConnect/api/homePage/officerInfo.php", "method": "GET", "sendOnSubmit": false, "sendOnReady": true, "data": {}}
);
/* END dmxServerAction name "ptoOfficersExecutor" */
</script>
</body>
</html>
军官
{{col_position}}
{{col_firsrtName}{{col_lastName}}
{{colu_phone}}
导航
Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品，是一种很好的调味品。这是一个很好的例子。Donec sed odio dui
保持联系！
Donec在eget metus为非mi porta孕妇确定了最佳身份。这是一种很好的调味品，是一种很好的调味品。这是一个很好的例子。Donec sed odio dui
/*dmxServerAction名称“ptoofficersecutor”*/
jQuery.dmxServerAction(
{“id”：“ptoofficersecutor”，“url”：./dmxConnect/api/homePage/officeinfo.php”，“method”：“GET”，“sendOnSubmit”：false，“sendOnReady”：true，“data”：{}
);
/*结束dmxServerAction名称“ptoOfficerExecutor”*/
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@charset "UTF-8";
.navbar-nav> li > a {
font-family: 'Arial';
font-weight: bold;
color: #000000;
font-size: 13px;
}
.dropdown-menu > li > a {
font-family: 'Arial';
font-weight: bold;
color: #000000;
font-size: 13px;
}
.navbar-default {
border-color: #000000;
}
.nav.navbar-nav a:hover {
color: #206E38;
}
.dropdown-menu .dropdown .dropdown-toggle a {
font-family: 'Arial';
font-weight: bold;
font-size: 12px;
}
.banner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,206e38+100&1+0,0.52+43,1+100 */
background: linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(159,193,169,0.52) 43%, rgba(32,110,56,1) 100%); /* FF3.6-15 */
background: linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(159,193,169,0.52) 43%,rgba(32,110,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(159,193,169,0.52) 43%,rgba(32,110,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#206e38',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ptobigtitle {
font-family:'Anton', sans-serif;
padding: 10px;
}
.ptosubtitle {
font-family: 'Anton', sans-serif;
padding-left: 10px;
font-size: 30px;
color: #535252;
}
.navbar-btn {
float: right;
}
.btn-default {
background-color: #206E38;
color:#FFF;
}
.jumbotronimg {
float: right;
}
.learnmorebtn {
margin-left: 350px;
}
.articleheadline{
font-family: 'Anton', sans-serif;
font-size: 20px;
background: #A1C2AB;
color: #000;
letter-spacing: 2px;
padding: 5px;
max-width: 400px;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border-style: solid;
border-width: 1px;
}
.info{
text-align: center;
top: 37px;
}
.rightinfo{
text-align: center;
}
.footer {
display: none;
}
@media (min-width: 767px) {
.footer {
display:block;
background:#CDCDCD;
overflow:hidden;
margin-bottom: 0;
postion: fixed;
height: auto;
bottom: 0;
width: 100%;
clear: both;
}
}
.bottomfooter {
color:#FFF;
font-family: 'Arial';
font-size: 10px;
background: #CDCDCD;
bottom: 0;
}
.mailsignup{
background: #CDCDCD;
font-family: 'Arial';
font-size: 8px;
}
.footerheading {
font-family: 'Anton', sans-serif;
font-size: 18px;
text-align: center;
text-decoration: underline;
padding-left: 30px;
}
.form-inline{
background: #CDCDCD;
}
#mc_embed_signup .button {
font-family: "Arial";
font-size: 13px;
background-color: #206E38;
padding: 5px;
padding-top: 2px;
text-align: center;
}
.callistcontainer {
margin-left: auto;
margin-right: auto;
height: 150px;
width: 300px;
overflow: scroll;
}
.footertext{
font-size: 10px;
padding-left:10px;
table-layout: fixed;
width: 96%;
height: auto;
text-align: left;
}
.footerposition{
font-weight: bold;
text-align: right;
padding-right: 10px;
border-right: solid;
border-width: 1px
}
.footername{
border-width: 1px;
text-align: center;
}
.footerphone{
border-width: 1px;
text-align: center
}
.footeremail {
padding-left: 10px;
border-width: 1px;
text-align: center
}
@字符集“UTF-8”；
.导航栏导航>李>a{
字体系列：“Arial”；
字体大小：粗体；
颜色：#000000；
字体大小：13px；
}
.下拉菜单>li>a{
字体系列：“Arial”；
字体大小：粗体；
颜色：#000000；
字体大小：13px；
}
.navbar默认值{
边框颜色：#000000；
}
.nav.navbar-nav a:悬停{
颜色：#206E38；
}
.下拉菜单.下拉.下拉切换a{
字体系列：“Arial”；
字体大小：粗体；
字体大小：12px；
}
.横幅{
/*Permalink-用于编辑和共享此渐变：http://colorzilla.com/gradient-editor/#ffffff+0206E38+100和1+0,0.52+43,1+100*/
背景：线性梯度（-45度，rgba（255255255,1）0%，rgba（159193169,0.52）43%，rgba（32110,56,1）100%）；/*FF3.6-15*/
背景：线性梯度（-45度，rgba（255255255,1）0%，rgba（159193169,0.52）43%，rgba（32110,56,1）100%）；/*Chrome10-25，Safari5.1-6*/
背景：线性梯度（135度，rgba（255255255,1）0%，rgba（159193169,0.52）43%，rgba（32110,56,1）100%）；/*W3C，IE10+，FF16+，Chrome26+，Opera12+，Safari7+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#206e38'，GradientType=1）；/*IE6-9在水平渐变上回退*/
}
.托比标题{
字体系列：“安东”，无衬线；
填充：10px；
}
.副标题{
字体系列：“安东”，无衬线；
左侧填充：10px；
字体大小：30px；
颜色：#535252；
}
.导航栏btn{
浮动：对；
}
.btn默认值{
背景色：#206E38；
颜色：#FFF；
}
jumbotronimg先生{
浮动：对；
}
.learnmorebtn{
左边距：350px；
}
.文章标题{
字体系列：“安东”，无衬线；
字体大小：20px；
背景：#A1C2AB；
颜色：#000；
字母间距：2px；
填充物：5px；
最大宽度：400px；
保证金：0自动；
左边距：自动；
右边距：自动；
边缘顶部：10px；
边框样式：实心；
边框宽度：1px；
}
.info{
文本对齐：居中；
顶部：37像素；
}
.rightinfo{
文本对齐：居中；
}
.页脚{
显示：无；
}
@介质（最小宽度：767px）{
.footer{
显示：块；
背景：CDCDCD；
溢出：隐藏；
页边距底部：0；
职位：固定；
高度：自动；
底部：0；
宽度：100%；
明确：两者皆有；
}
}
.底脚{
颜色：#FFF；
字体系列：“Arial”；
字体大小：10px；
背景：CDCDCD；
底部：0；
}
.mailsignup{
背景：CDCDCD；
字体系列：“Arial”；
字号：8px；
}
.页脚标题{
字体系列：“安东”，无衬线；
字号：18px；
文本对齐：居中；
文字装饰：下划线；
左侧填充：30px；
}
.表格内联{
背景：CDCDCD；
}
#mc_嵌入_注册按钮{
字体系列：“Arial”；
字体大小：13px；
背景色：#206E38；
填充物：5px；
垫顶：2件；
文本对齐：居中；
}
.callistcontainer{
左边距：自动；
右边距：自动；
高度：150像素；
宽度：300px；
溢出：滚动；
}
.页脚文本{
字体大小：10px；
左侧填充：10px；
表布局：固定；
宽度：96%；
高度：自动；
文本对齐：左对齐；
}
.页脚位置{
字体大小：粗体；
文本对齐：右对齐；
右边填充：10px；
右边界：实心；
边框宽度：1px
}
.页脚名称{
边框宽度：1px；
文本对齐：居中；
}
.电话{
边框宽度：1px；
文本对齐：居中
}
.footer电子邮件{
左侧填充：10px；
边框宽度：1px；
文本对齐：居中
}