933棋牌官网下载

933棋牌官网下载_九乐棋牌游戏下载_金富棋牌_手机棋牌游戏平台

前两天仿了一个站,但是有很多不如意的地方,比如自适应的问题,我想根据它的分辨率调用不同的样式,在PC端调用图片1在移动端调用图片2,一开始以为通过js可以解决,但是网上翻了半天没找出一个正儿八经的解决方案,不得以来找前端大神朋友,大神几下给我出了一个简单的自适应css,原来直接用@media控就行了,贴在下面。

<style>
.pc{ display:block;}
.pc img{ display:block; margin:0 auto;}
.Mobile{ display:none;}
.Mobile img{ width:100%;}
@media screen and (max-width:640px) {
.pc{ display:none;}
.Mobile{ display:block;}
}
</style>

在需要调用的地方加上以下代码

<div class="pc">
<img src="/1.jpg">
</div>
<div class="Mobile">
<img src="/2.jpg" />
</div>

大功告成,本文为老威SEO博客原创文章,欢迎各位转载,转载请保留或注明出处!


发布评论

分享到:

老威SEO

我的微信号:weiweiwei0725(左侧二维码扫一扫)欢迎添加!

[济南SEO培训]如何规划合适的思维导图
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

hz棋牌官方网站
933棋牌官网下载_九乐棋牌游戏下载_金富棋牌_手机棋牌游戏平台老威SEO博客-提供网站优化推广与网站建设服务933棋牌官网下载