教你写一个简单的自适应css 根据分辨率调用不同的图片

 珠星  

前两天模仿了一个站,但是失望的地方很多,比如适应问题。我想根据它的分辨率来调用不同的风格,在PC端调用图片1,在移动端调用图片2。一开始以为可以用js解决,但是在网上找了很久都没有找到正经的解决办法,只好找了一个前端大神的朋友。大神几次给我一个简单的自适应css,我就直接用@media来控制。

style . PC { display : block;}.pcimg { display:blockmargin:0auto}.Mobile { display:none}.mobile img { width :100%;}@mediascreenand(最大宽度:640px){。pc { display:none}.Mobile { display:block}} }}/style在需要调用的地方添加以下代码

div class=' PC ' img src='/1 . jpg '/div class=' mobile ' img src='/2 . jpg '/div,大功告成。本文为原创博客文章。欢迎转载。请保留或注明出处!

本文标签:大神 地方 图片
帝国cms信息反馈表怎么做?
返回列表