我目前正在隐藏基于if语句的div.我使用的方法是,使用echo一种css风格display: none
这是我具体做的事情:
<style>
#content{
<?php
if(condition){
echo 'display:none';
}
?>
}
</style>
<body>
<div id="content">
Foo bar
</div>
</body>
我的问题是,这是一个隐藏div的好方法吗？是否有可能浏览器缓存样式,因此忽略echo-ed out css样式？
我是PHP新手。谁能告诉我如何在foreach之外访问foreach循环变量。请按代码查找以下内容。
<?php $categories = Mage::getModel('catalog/category')->getCollection()->addAttributeToSelect('*');
foreach ($categories as $category):
$categorySize = $category->getSize_chart();
print_r ($categorySize);
endforeach;
?>
我在以下html img标签的src属性中需要它。
<div class="SizeChat"><p>close</p><div class="Padd"><img src="<?php echo Mage::getBaseUrl('media').'catalog/category/'.$categorySize ?>"></div></div>
使用时CSS,我可以使用css正确对齐我的元素Chrome.在chrome inspector-> ipad视图中,所有看起来都应该如此.但是当我在实际iPad上测试它时,有些CSS不适用.我发现ipad特定的CSS媒体查询如下,
** /* Safari 7.1+ */ **
_::-webkit-full-page-media, _:future, :root .my-class {
padding-right: 0;
}
**/* Safari 10.1+ */**
@media not all and (min-resolution:.001dpcm) { @media
{
.my-class {
padding-bottom: 0;
}
}}
**/* Safari 6.1-10.0*/**
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
.my_class {
padding-bottom: 0;
}
}}
问题是,虽然它们在纵向模式下工作正常,但我没有指定的方法可以应用于CSS横向模式.如何在iOS上的真实iPad设备/ Safari中使用媒体查询进行横向模式？不影响任何其他浏览器？
我不是在寻找标准媒体查询,
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and …我正在尝试使用带有复选框的下拉菜单？我该如何继续？下面是我正在尝试的 Html 片段。
<div class="form-group col-lg-3">
<div *ngFor="let option of options">
<select>
<input type="checkbox" name="options" value="{{option.value}}" [(ngModel)]="option.checked" /> {{option.name}}
</select>
</div>
</div>