2 回答
TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超1個(gè)贊
除了您的行之外:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=yes>
您現(xiàn)在需要為您希望應(yīng)用程序運(yùn)行的每種尺寸的屏幕添加一些@media-queries。您需要將這些 @media-queries 添加到您的 css 樣式表中,以便它可以根據(jù)任何大小進(jìn)行調(diào)整。例如:
/* iPhone 6+/7+/8+ */
@media only screen and (min-width: 414px) and (max-width: 414px) {
// adjust the elements with css
}
您可以設(shè)置 min-width 或 min-height 或任何您想要調(diào)整為橫向模式等的內(nèi)容。
TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊
最后,我發(fā)現(xiàn)問(wèn)題是我沒有閱讀整個(gè)文檔以了解項(xiàng)目的清晰度,它們的組件已經(jīng)具有通常您會(huì)使用的響應(yīng)部分@media queries,但事實(shí)證明我必須向它們添加一些屬性才能使它們響應(yīng)。
最后我沒有加任何@media queries,也不是viewport的問(wèn)題,我剛剛將屬性?[clr-nav-level]="1"?添加到我的標(biāo)題中并修復(fù)了它。
?<div?class="header-nav"?[clr-nav-level]="1">
- 2 回答
- 0 關(guān)注
- 226 瀏覽
添加回答
舉報(bào)
