第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

視口寬度=設(shè)備寬度不起作用

視口寬度=設(shè)備寬度不起作用

慕田峪9158850 2023-12-19 21:37:30
我有這個(gè)有角度的應(yīng)用程序,我也想為移動(dòng)版本添加響應(yīng)式設(shè)計(jì),現(xiàn)在它看起來(lái)很糟糕,我讀過(guò)有關(guān)<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=yes">但不起作用。在我的瀏覽器或手機(jī)上看起來(lái)是這樣的,如果我將手機(jī)更改為水平,我可以很好地看到頁(yè)面。這是我的index.html<!DOCTYPE html><html><head>    <meta charset="utf-8" />    <title>Cv</title>    <base href="/" />    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=yes">    <link rel="icon" type="image/x-icon" href="resumePhoto.png" />    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script></head><body>    <app-root></app-root></body><!-- The core Firebase JS SDK is always required and must be listed first --><script src="/__/firebase/7.13.2/firebase-app.js"></script> <!-- TODO: Add SDKs for Firebase products that you want to use https://firebase.google.com/docs/web/setup#available-libraries --> <script src="/__/firebase/7.13.2/firebase-analytics.js"></script> <!-- Initialize Firebase --> <script src="/__/firebase/init.js"></script> </html>您可以在我的 github 中找到該存儲(chǔ)庫(kù),或者這里是應(yīng)用程序的鏈接 a>.有趣的是,如果我更改檢查器中的值,假設(shè)我將比例從 1 更改為 1.1,它會(huì)起作用,如果我將其返回到 1,我將繼續(xù)工作,但在一開始,它似乎被忽略了。我的問(wèn)題是它看起來(lái)被切碎了,如果嘗試向右滾動(dòng)我看不到頂部導(dǎo)航欄也沒關(guān)系。
查看完整描述

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)容。


查看完整回答
反對(duì) 回復(fù) 2023-12-19
?
牛魔王的故事

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">
查看完整回答
反對(duì) 回復(fù) 2023-12-19
  • 2 回答
  • 0 關(guān)注
  • 226 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)