摘要: 简述 电脑端和手机端的宽度不同,照片用固定的尺寸如300px显示到手机端中,会造成显示过大的问题 可以计算图片占页面的宽度的百分比来设置图片的大小,如果width:26% 但这样每张照片都要计算百分比就很麻烦,可以用rem单位解决这个问题 单位概述 px:像素 em:相对于父级的font-size值 阅读全文
posted @ 2022-10-22 17:18 ben10044 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 简述 用同一套代码上不同设备上显示不同适配的效果,且能自适应页面宽度。如https://v3.bootcss.com/ 而baidu.com就不是响应式页面,首先它不能自适应页面宽度,然后它虽然在切换设备显示不同的效果 但原理是监听设备切换合适的代码,不是同一套代码 媒体查询 通过@media定义样 阅读全文
posted @ 2022-10-22 16:32 ben10044 阅读(34) 评论(0) 推荐(0) 编辑