![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
响应式
一 者
这个作者很懒,什么都没留下…
展开
-
媒体查询常用屏幕分辨率参数
@media screen and (min-width:1200px)@media screen and (min-width:992px)@media screen and (min-width:768px)@media screen and (min-width:480px)在设置时,需要注意先后顺序,不然后面的会覆盖前面的样式。原创 2020-11-02 16:52:12 · 942 阅读 · 1 评论 -
关于如何将轮播图在移动端和pc端自适应的操作
我用的bootstrap框架做的,轮播图代码用的bootstrap上的。如何做到pc端和移动端兼容,关键在于一张图片需要2份,一份大的图,一份小的图,通过屏幕宽度的改变,来确定展示大图片还是小图片。html代码这里我将2张图片放在了自定义属性data-image中,方便操作。<section id="main_ad" class="carousel slide" data-ride="carousel" data-interval="2200"> <!-- Indi原创 2020-10-15 13:25:04 · 2771 阅读 · 1 评论