[英]How to reduce the screen size with touch?
我正在開發一個帶有 Angular 的應用程序,並且希望能夠在移動設備上縮小我的屏幕,即使是觸摸。 可以通過視口放大,但不能縮小。 我的視口是這樣的: <meta name="viewport" content="width=device-width, initial-scale=1.0, ...
[英]How to reduce the screen size with touch?
我正在開發一個帶有 Angular 的應用程序,並且希望能夠在移動設備上縮小我的屏幕,即使是觸摸。 可以通過視口放大,但不能縮小。 我的視口是這樣的: <meta name="viewport" content="width=device-width, initial-scale=1.0, ...
[英]How to change navigation bar to a hamburger menu in mobile view using HTML and CSS?
如何使用 CSS 和 HTML 中的媒體查詢將桌面網頁中的導航欄更改為移動網頁中的漢堡菜單。 在此先感謝您的幫助。 Media Query部分應該怎么做? 這是桌面網頁代碼: HTML CSS ...
[英]Why can't I change the width of my website while I'm normally viewing it, but I can do it while I am inspecting it?
如您所見,我無法在查看模式下將寬度最小化,但我可以在檢查模式下做到這一點。 為什么? 這是我網站的代碼: 查看模式檢查模式我用 @media 和 max-width 嘗試了一些它也不起作用。 為什么我在正常查看網站時無法更改網站的寬度,但在檢查網站時可以更改? 我查看了代碼,但看不到問題所在。 ...
[英]Cypress: How to handle selectors with different names on mobile and desktop running on different viewports?
我是 Cypress 12.3 的新手,正在嘗試找出在不同視口上運行自動化的最佳方法。 我的網站在某些地方使用不同的 css 選擇器,例如在搜索產品時,稍后在結帳時。 我正在編寫下面的代碼,根據視口大小是移動設備還是桌面,它將執行這些步驟。 然而,在這個過程中,我意識到當 css 選擇器在移動設備 ...
[英]stubborn server-based misformatting of viewport for angular app
我有一個 angular 項目,在本地主機上運行時看起來很棒。 但是,當構建相同的代碼並將其上傳到我的服務器時,視口會變得混亂,並顯示頁面的縮小版本。 重要說明:如果我在桌面上查看它並調整瀏覽器大小,它在所有尺寸上看起來都很棒。 但是,如果我 go 進入開發工具並使用移動大小的設備檢查它,它看起來很 ...
[英]Limit the width of <body> but use full width if window is to small
我以前在某個地方見過這個,但無法再次找到它來查看它。 所以讓我給你舉個我自己的例子。 <body> (淺藍色)此處的寬度為55vw (視口寬度的 55%)。 只要 window(視口)足夠寬,這對我來說就可以了。 但是當它變小(視口寬度減小)時,我希望<body>獲得完整 ...
[英]I want to change viewport on pc to mobile view
我想像移動視圖一樣更改 pc 上的視口。 我想把它改成480像素寬的視口(字母變大),我應該修改哪個? 網站是https://www.dorothycard.com/v/sample-classic 下面的代碼 ...
[英]React: Post Counter auto increment if post is in viewport
我需要一個關於帖子瀏覽量計數器增量的建議。 我有一個帖子表,其中有用戶帖子(類似於 twitter 和 facebook 帖子)以及視圖計數器。 如果該帖子在視口中,我需要獲得視圖計數器增量。 示例:假設您在數據庫中有 1000 個帖子。 在前端,您通過后端 api 獲取 20-20 塊數據。Api ...
[英]IsInView and each
有沒有辦法將IsInView設置為等待具有相同類的每個元素,這樣我就不必一個一個地調用它們? 例如,如果我有三個部分,我只想這樣稱呼它們: 這樣所有三個部分都一一出現: 編輯:我也嘗試過每一個,但這也不起作用: ...
[英]Does a block element behaves as if it has a 100vw width?
這兩個容器之間有什么深刻的區別嗎? , 或者簡而言之是一樣的.. <head> <style> * { margin: 0; padding: 0; } body { font-weight: bold; font-size: 30px; font-family: sa ...
[英]Why my body element is not taking 100% of the width as i minimize the window?
嗨,我是 web 開發人員的新手,我真的很想知道為什么在下一個代碼中: * { margin: 0; padding: 0; box-sizing: border-box; border: 1px solid black; } html { font-family: "Rubik", sans- ...
[英]Centering y in viewport an html table cell <td> scaled on mouseover (overflow)
尊敬的社區成員, 我建立了一個顏色圖表系統,顯示在 html 個表格中。 每個單元格都通過 transform:scale 在鼠標 hover 上放大,以更好地顯示顏色。 但是,當單元格被縮放時,它的一部分可能會落在視口之外。 這將需要用戶向下或向上滾動以將溢出帶回視圖。 我想可以有一個功能檢測溢 ...
[英]Give a Viewport a 3D Effect in Godot
我在 godot 中有兩個 3D 帶有視口紋理的精靈,如下所示: 傳送門 1 具有傳送門 2 所見的紋理,反之亦然。 (如門戶網站)。 我希望它有 3D 的影響,所以當你從側面看它時,它看起來不像這樣平坦: 有沒有辦法實現 3D 的效果。 我已經嘗試過在角色移動時偏移相機,但沒有用。 門戶布局 ...
[英]Godot Viewport Node won't move with Parent Node
我正在嘗試讓 Sprite 3D 具有視口紋理,並且我這樣設置我的節點: 當我將 Portal1 添加到另一個場景並移動它時,除了視口節點及其下的所有內容外,所有內容都移動了:之前: 后: 如您所見,相機沒有移動,我發現這是因為視口沒有移動。 我嘗試了多種組合,但沒有任何效果。 如何讓 Vie ...
[英]How come Window.innerWidth's value changed upon zooming in?
MDN似乎自相矛盾。 以下是對文檔所做的一些陳述: 布局視口的定義: The area within the innerHeight and innerWidth is generally considered the layout viewport. 布局視口的屬性: When the use ...
[英]i am using VW and VH in website as unit but when i am opening my inspection tab my websites design shift upword,so how to solve the issue?
我是 web 開發的新手....請給我一些解決這個問題的建議筆記本電腦中的網站和檢查的打開選項卡我的網站設計上升了,所以我想要這樣的解決方案來解決這個問題我正在嘗試這個,但是當我打開瀏覽器的檢查選項卡時它無法正常工作,它的大小根據視圖端口大小而變化......請幫助我解決這個問題......謝謝. ...
[英]centering a div on background image which has 100vh as height
我正在上一門課程,在固定的 position 中頂部有一個導航欄。背景設置為 100vh 的高度,並且帶有文本內容的 div 位於背景的中央。 使用 flexbox 它幾乎居中,但為了真正讓它位於背景的中心,這個 div 的高度必須設置為 100% 的高度。 我掌握了 flexbox 和視口高度,但 ...
[英]Practicing CSS Grid and 100vh is not fully stretching
下面是我的代碼的副本。 我檢查了一些論壇,發現保證金可能是問題所在,但我將其設置為 0。此時我有點難過。 任何幫助表示贊賞。 我期待它能在我的頁面上垂直和水平地完全伸展。 它實際上只有大約 1 列,並且不會在任何方向上完全拉伸。 ...
[英]How to add relevant scale bars on inset maps using tmap
我使用 tmap 創建了附加的 plot。 但是,我想在插圖 map 中添加一個比例尺,但我還不知道該怎么做。 有人可以幫幫我嗎? 以下是我用來創建附件 map 的代碼: 謝謝! ...
[英]Media Query and Image Swapping
我希望在調整瀏覽器大小時我網站中的圖像完全改變。 我一直在使用媒體查詢,但我似乎做錯了。 有什么想法/提示嗎? 問題是我已經嘗試了媒體查詢的顯示技巧,但它不起作用我這樣做了,但即使在我降低視口時它也不起作用。 筆記本視口中的圖像在手機視口中保持不變。 .blocks { height: 58%; ...