我在隐藏移动设备的图像时遇到问题。我正在使用语义UI框架。在文档中,我找到了一些类:
例如,我使用“仅限计算机”类在平板电脑和移动设备上隐藏图像,但结果使我感到困惑。
<div class="ui grid stackable">
<div class="row middle aligned">
<div class="nine wide column">
<h1 class="ui header blue">Default Header.</h1>
</div>
<div class="seven wide computer only column">
<img class="ui image" src="http://icons.veryicon.com/png/System/iNiZe/niZe%20%20%20IMG.png" alt="" title="">
</div>
</div>
</div>
另外,我找到了另一种解决方案。可能对某人有用。
我在"mobile hidden"
列中添加了要隐藏在移动设备上的类。
<div class="ui grid stackable">
<div class="row middle aligned">
<div class="nine wide column">
<h1 class="ui header blue">Default Header.</h1>
</div>
<div class="seven wide column mobile hidden">
<img class="ui image" src="http://icons.veryicon.com/png/System/iNiZe/niZe%20%20%20IMG.png" alt="" title="">
</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句