57 次浏览【转载需注明来源】
博客作者:【1881****8894】
1706336068696685.rar
你这个代码感觉是哪里抄过来一键翻译的,写的很乱。
它这个设计一开始就是为了移动端,如果你指的PC上想用,那就在PC模式时,给一个固定的宽度,让内容居中
如果想要更好的效果,就不要去使用这个页面的代码,而是从零自己写一个响应式的页面,那么PC的居中效果可能会更好。
上面图片中的效果我给你简单改了改,新增了媒体查询的代码,在PC中给了具体宽度
当宽度不止400px的时候就代表可能是大屏,那么就直接给了400px的宽度。 具体你可以根据媒体查询来自行优化。
响应式开发里面最重要的就是媒体查询,这一点视频中有讲解~
当然从零写也可以使用layui的珊格布局实现响应式。
这是改过的代码:1706337465960449.zip
好的我试试
不能恶意举报,否则进行封号处理!
测试账号
轻声奏乐写代码 Time: 2024-01-27 14:38:22
评论ID
你这个代码感觉是哪里抄过来一键翻译的,写的很乱。
它这个设计一开始就是为了移动端,如果你指的PC上想用,那就在PC模式时,给一个固定的宽度,让内容居中
如果想要更好的效果,就不要去使用这个页面的代码,而是从零自己写一个响应式的页面,那么PC的居中效果可能会更好。
上面图片中的效果我给你简单改了改,新增了媒体查询的代码,在PC中给了具体宽度
当宽度不止400px的时候就代表可能是大屏,那么就直接给了400px的宽度。 具体你可以根据媒体查询来自行优化。
响应式开发里面最重要的就是媒体查询,这一点视频中有讲解~
当然从零写也可以使用layui的珊格布局实现响应式。
这是改过的代码:
1706337465960449.zip
1881****8894 回复 1楼 轻声奏乐写代码 Time: 2024-01-27 20:53:04
评论ID
好的我试试