>  Q&A  >  본문

前端 - div宽度设置成百分比问题

今天做一个页面时,一个p的width设置成70%,屏幕宽度是1366px,所以这个p宽度是956px左右,这没什么问题。但是当做自适应缩小屏幕时,p的宽度并不是屏幕的70%,这是怎么回事。

PHP中文网PHP中文网2720일 전673

모든 응답(4)나는 대답할 것이다

  • 巴扎黑

    巴扎黑2017-04-17 13:32:18

    自己解决了一下,谷歌浏览器再不加meta name="viewport"标签进行设置的话,缩放比例会有问题,火狐浏览器则没影响。

    회신하다
    0
  • 天蓬老师

    天蓬老师2017-04-17 13:32:18

    width百分数单位是相对于其父元素宽度而算出的,当这个p的父元素就是Body时,应该就是浏览器窗口宽度的70%了

    회신하다
    0
  • 高洛峰

    高洛峰2017-04-17 13:32:18

    屏幕缩小了,你设置的70%就按照你当前宽度*70%,而不是之前的956px了

    회신하다
    0
  • 高洛峰

    高洛峰2017-04-17 13:32:18

    给父元素设置width 100%

    회신하다
    0
  • 취소회신하다