老师,做好的网站在浏览器中放大浏览后布局结构发生了变化,请问如何预防这种状况发生呢?

老师,做好的网站在浏览器中放大浏览后布局结构发生了变化,请问如何预防这种状况发生呢?

如题,在做网站的过程中,如何防范这种情况发生

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
妮可妮可妮_ 2018-05-28 17:35:30

不知道同学说的是哪一种情况,

有兴趣的话,可以自己动手试一试,看看哪种方法可以解决你的疑惑呢?

  1. 如果想要保持布局不变,可以给该元素(如div)设置最小宽度属性。在网页中设置最小宽度(min-width),这时当浏览器缩小到一定程度时,元素中的布局不会发生变化。

  2. 布局设置使用百分比.但这样很容易出问题(内容溢出,内容移位).

  3. 使用响应式布局,专门针对各个分辨率进行设计css。此方法我们现阶段还没有学习,在前端进阶的课程中有详细讲解哦~



  • 提问者 慕粉3952462 #1
    请问在pc端的前端设计中是不是尽量少用百分比,多用固定像素?因为我2次作业中的网站都是一放大缩小就会出现内容偏移,对这个问题非常苦恼
    2018-05-28 18:27:20
  • 妮可妮可妮_ 回复 提问者 慕粉3952462 #2
    选择什么样的实现方式是根据项目的需求和预算等考虑的,在现阶段上面的解决方法应该可以解决同学大部分问题了.因为我们现阶段还没有学习响应式局部,所以实现的效果以正常情况下可以实现就可以了.学习过前端进阶之后这种问题就能很轻易地解决了~不用担心哦!
    2018-05-28 18:51:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师