当前博客:这个源码改成自适应可以帮忙改下我看学习下吗?

57 次浏览【转载需注明来源】

博客作者:【1881****8894】

个性签名:寒窗苦读十年,一朝凤舞九天

1706336068696685.rar

默认排序
Generic placeholder image
Generic placeholder image
轻声奏乐写代码 Time: 2024-01-27 14:38:22

你这个代码感觉是哪里抄过来一键翻译的,写的很乱。

它这个设计一开始就是为了移动端,如果你指的PC上想用,那就在PC模式时,给一个固定的宽度,让内容居中

如果想要更好的效果,就不要去使用这个页面的代码,而是从零自己写一个响应式的页面,那么PC的居中效果可能会更好。

上面图片中的效果我给你简单改了改,新增了媒体查询的代码,在PC中给了具体宽度

当宽度不止400px的时候就代表可能是大屏,那么就直接给了400px的宽度。 具体你可以根据媒体查询来自行优化。

响应式开发里面最重要的就是媒体查询,这一点视频中有讲解~

当然从零写也可以使用layui的珊格布局实现响应式。

这是改过的代码:1706337465960449.zip

Generic placeholder image
1881****8894 回复 1楼 轻声奏乐写代码 Time: 2024-01-27 20:53:04

好的我试试

 


这个源码改成自适应可以帮忙改下我看学习下吗?