菜鸟请求大神一些布局的入门问题

Patrick-Cl 2019-07-17 10:49:10
本人菜鸟,写了一个网站主页 使用笔记本电脑 笔记本的分辨率为1366x768 使用定位完成布局之后发现了一个问题
页面完成之后换了一台1920x1080的分辨率电脑查看之后,发现页面布局混乱,需要重新定位。
请求大神说一下这是什么情况。
...全文
135 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
葉幺 2019-07-18
  • 打赏
  • 举报
回复
引用 8 楼 我姓葉,口十叶 的回复:
可以试下body{width:1200px;margin:0 auto;} 这段的意思是body框为1200px,上下边距0居中对齐
适合pc端
葉幺 2019-07-18
  • 打赏
  • 举报
回复
可以试下body{width:1200px;margin:0 auto;} 这段的意思是body框为1200px,上下边距0居中对齐
qq_33678692 2019-07-18
  • 打赏
  • 举报
回复
你好,如果是左右边距布局混乱建议你使用百分比布局,例如:margin-left:10%;,不要使用:marfin-left:100px;
天际的海浪 2019-07-17
  • 打赏
  • 举报
回复
最好的方法是div等元素宽度都用百分比,做成自适应的布局或者响应式布局。 最简单的方法是把最外层的div设置一个固定的宽度(预计显示屏最小分辨率的宽度)并设置margin: 0px auto;让其居中显示。
潇湘忆梦 2019-07-17
  • 打赏
  • 举报
回复
使用响应式布局,现在的前端框架都是这样,栅栏格布局
jio可 2019-07-17
  • 打赏
  • 举报
回复
要做多端适配九月响应式的布局,定位布局肯定会有问题的。如果手机打开就完全用不了了
Dreamer_too 2019-07-17
  • 打赏
  • 举报
回复
*{ margin: 0; padding: 0; } 用这个代码试试
usecf 2019-07-17
  • 打赏
  • 举报
回复
你的宽高是不是写死的 要用相对布局 或者网上找个框架 也可以自适应
潇雪凌宇 2019-07-17
  • 打赏
  • 举报
回复
你的各个元素块的宽和高应该都是写的固定的值,换成百分比试试看,换成百分比它可以自适应
淡水行舟 2019-07-17
  • 打赏
  • 举报
回复
像素单位应该不对 可以换成百分比 或者rem vw 做相应的换算

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧