84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
今天做一个页面时,一个p的width设置成70%,屏幕宽度是1366px,所以这个p宽度是956px左右,这没什么问题。但是当做自适应缩小屏幕时,p的宽度并不是屏幕的70%,这是怎么回事。
认证0级讲师
自己解决了一下,谷歌浏览器再不加meta name="viewport"标签进行设置的话,缩放比例会有问题,火狐浏览器则没影响。
width百分数单位是相对于其父元素宽度而算出的,当这个p的父元素就是Body时,应该就是浏览器窗口宽度的70%了
屏幕缩小了,你设置的70%就按照你当前宽度*70%,而不是之前的956px了
给父元素设置width 100%
自己解决了一下,谷歌浏览器再不加meta name="viewport"标签进行设置的话,缩放比例会有问题,火狐浏览器则没影响。
width百分数单位是相对于其父元素宽度而算出的,当这个p的父元素就是Body时,应该就是浏览器窗口宽度的70%了
屏幕缩小了,你设置的70%就按照你当前宽度*70%,而不是之前的956px了
给父元素设置width 100%