博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面的自适应方法总结
阅读量:5343 次
发布时间:2019-06-15

本文共 338 字,大约阅读时间需要 1 分钟。

一、使用前端框架,如bootstrap响应式布局,推荐使用

二、包裹一个容器,设置一个固定宽度如1200px,并设置居中,里面的内容可以写具体的px值,不同电脑显示的两边的空白大小不一样。

三、使用百分比,各个部分都使用百分比。这种编码难度大,难以掌控,测试困难,一般少用。

四、针对不同分辨率写不同css文件,不推荐使用。(包含媒体查询media)

五、用js/jquery动态调整一些值的大小,但是页面上较多元素都会变形的情况不推荐使用。

六、百分比和em结合使用。

七、使用rem来作为单位写样式,需要借助js来获取分辨率大小调整rem,pc端兼容差,适合移动端。

转载于:https://www.cnblogs.com/jennydtt/p/10577964.html

你可能感兴趣的文章
[BZOJ3054] Rainbow的信号(考虑位运算 + DP?)
查看>>
延迟加载与延迟求值查询
查看>>
random模块常用功能
查看>>
hdu 1698 Just a Hook
查看>>
数据库与python的连接
查看>>
glib wpa_supplicant Unix上库编译错误解决与总结
查看>>
SQL Server提高并发查询效率
查看>>
cf 323A A. Black-and-White Cube 立体构造
查看>>
39. Combination Sum
查看>>
Makefile记录
查看>>
java运用echart进行图形展示
查看>>
WPF xaml中列表依赖属性的定义
查看>>
然后学什么
查看>>
docker部署maven私有仓库 nexus3
查看>>
日志切割与转储
查看>>
李秋红130705010066
查看>>
开通博客
查看>>
再深入一点ajax
查看>>
BZOJ3434 WC2014时空穿梭(莫比乌斯反演)
查看>>
【Oracle 触发器】(5)触发器应用场景--数据库的审计
查看>>