现学现用,分享个目前做自适应网站通过浏览器宽度来控制页面的方法

宽度 自适应 浏览器 页面

您的位置:仿站网 > 问答 >
老司机请直接路过

之前一直对自适应没接触,最近发现多数是通过CSS判断来实现的,录个栗子

@media (min-width: 992px){
.col-md-3 {
    width: 25%;
}

@media (min-width: 768px)
.col-md-3 {
    width: 50%;
}

@media (min-width: 640px)
.col-md-3 {
    width: 100%;
}

看了估计都明白了吧,

另外,针对手机端图片撑破的情况下,可以用百分比来控制图片的宽度,这样图片在手机端就不会撑破辣


转载请注明本文地址:现学现用,分享个目前做自适应网站通过浏览器宽度来控制页面的方法https://www.ecmsw.cn/ask/422.html
回复列表
1.
支持
2.
学习
3.
支持下
4.
支持
5.
支持
6.
学习
7.
支持下
8.
收藏
9.
支持下
10.
谢谢分享
11.
支持
12.
支持
13.
支持
14.
谢谢分享
15.
收藏
16.
学习
17.
支持下
18.
谢谢分享
19.
学习
20.
支持一下
21.
支持下
22.
不同设备不用宽度显示,支持下
23.
学习
24.
支持
25.
支持下
26.
支持
27.
支持下
28.
支持一下
29.
谢谢分享
30.
支持
31.
支持
32.
支持一下
33.
支持下
34.
支持下
35.
支持
36.
支持下
37.
支持
38.
支持一下
39.
支持
40.
支持下
41.
学习
42.
支持下
43.
支持下
44.
支持
45.
记号
46.
支持下
47.
用百分比
48.
学习一下
49.
支持
50.
支持,收藏
相关问题

仿站网专注于帝国CMS仿站及二次开发、模板定制等各种有关帝国CMS程序疑难杂症!
Copyright@2016-2019 仿站网 www.ecmsw.cn
鲁ICP备17005488号-1 鲁公网安备 37018102000481号