我正在使用 React 建立三個頁面，每個頁面都有自己的 css 文件，並且只有一個 css 文件適用於每個頁面

我正在處理這三個頁面：App.js有兩個按鈕，當您單擊第一個按鈕時，它將帶您進入“/quotes”頁面，當您單擊第二個按鈕時，它將帶您進入“/recommendations”頁面。所有三個的html都可以工作，但是每當我轉到“/quotes”或“/recommendations”時，App.jshtml內容和css內容都會繼續出現（以一種非常奇怪和破碎的方式，看起來非常糟糕）。這是一個例子：這是我

P粉238433862 2024-04-04 10:07:16 0  1  534

CSS 問題：水平滾動（overflow-x：scroll）不起作用

我有3個“頁面”，想要水平滾動它們。我已經成功創建了一個水平滾動條，但是當我用滑鼠滾輪向上/向下滾動時什麼也沒有發生。這就是我的容器的樣子：body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;}完整的HTML+CSS：body{width :100vw;hei

P粉295616170 2024-03-29 16:06:18 0  1  465

css - 關於HTML頁面IE判斷

<![if !IE]> <![endif]> 除了IE以外的版本可見 我現在需要做，除了IE8-，低於IE8的版本不可見，應該怎麼寫。 沒有問清楚，是低於IE8的版本不可見，其他高於IE8和非IE瀏覽器都可以看到。

曾经蜡笔没有小新 2017-05-16 13:33:16 0  2  608

CSS 背景漸層不會覆蓋整個頁面（包括可捲動內容）

我在HTML文件中遇到CSS背景漸層問題。我設計了一個使用線性漸層作為背景的頁面，並將其設定在body元素上。我面臨的問題是，漸變似乎在螢幕最初結束的地方結束，即使有更多內容需要滾動。因此，當您向下滾動時，漸變的第二個實例似乎會重新開始。這是我目前的CSS(SCSS)程式碼：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  696

嘗試在導覽列後面的 html 和 css 中新增背景圖像，以便在滾動時不會顯示空間

我不知道如何使html和css中的背景圖像填充在導覽列和頁腳下方。當我滾動導航列的空間只是一個空白時，我希望它滾動時頂部和底部沒有空間。謝謝！ *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  562

手機上的按鈕保持焦點或活動狀態，導致CSS動畫出現問題

我正在嘗試在每次點擊按鈕時實現動畫效果，它在桌面上運行良好，但在手機上無法實現相同效果。我必須先點擊按鈕，然後點擊其他地方以取消CSS的焦點狀態，然後再次點擊按鈕以獲得動畫效果。以下是程式碼片段。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  522

前端 - 如何加速css background圖片的載入速度

我在我的一個頁面中,用了幾處css background設置為圖片的, 圖片大概就是幾十K這樣..現在首次打開網頁時, 這幾處地方明顯加載慢, 看起來像是樣式全部加載完之後, 圖片才刷出來..有什麼方法可以加快css載入; 或...

滿天的星座 2017-06-06 09:54:29 0  6  1252

在特定 Modx 頁面中包含 CSS 和 Javascript

我正在嘗試將一個非常簡單的CSS和JavaScript片段包含到Modx頁面中，該頁面列出了MailChimp的最新新聞通訊：<styletype="text/css">.display_archive{font-family:arial,verdana;font -size:12px;}.campaign{line-height:125%;margin:5px;}&

P粉691461301 2024-03-31 10:49:45 0  1  477

如何在同一台伺服器上為flask和php設定apache

我一直在升級/更新的伺服器有使用php和python的頁面。我使用Flask框架重寫了基於python的頁面，並使用wsgi配置了apache：<VirtualHost*:443>ServerNamemy_fake_site...AliasMatch^\/((?:flask_dir1|flask_dir2).*)\.((css| php|png)$((?:\?.*)?))/var/www

P粉547170972 2024-01-10 17:18:45 0  1  442

css - H5頁面flex佈局怎麼相容華為

最近做個專案是行動端的網頁，突然發現在華為預設的瀏覽器中支援flex佈局，需要相容。查過資料後能相容於一個網頁，但是其他的兼容不了，不知道為啥，可能是我哪裡寫錯了，但是我沒發現哪裡錯了，心很累。附上代碼...

迷茫 2017-05-16 13:43:07 0  1  980

MVC框架中UI設計師該不該接觸View層？

MVC框架中UI設計師該不該接觸View層？ 問題是這樣的,與一個朋友開發一款Web應用,負責UI的我給他提供Html靜態頁和CSS,但有的時候HTML的結構需要改變,請問有沒有好的方法,可以減少這種重複的工作量.

高洛峰 2017-05-16 17:06:50 0  3  759

如何在行動裝置或模擬器上隱藏滾動條，而不影響React應用程式中的滾動行為？

在行動裝置上，我希望在整個應用程式中完全隱藏滾動條，但我需要用戶能夠滾動。我嘗試使用CSS的scrollbar、scrollbar-thumb、scrollbar-thumb:hover和scrollbar-track來隱藏捲軸，在瀏覽器上可以工作，但在行動裝置上無效。

P粉208286791 2023-08-17 15:35:56 0  1  614

Capacitor-JS 狀態列在 IOS 中重疊

我正在使用帶有電容器的NuxtJS。當我們捲動時，IOS設備上的頂部狀態列會重疊。我還在Capacitor.config.json中加入了"ios":{"contentInset":"always"}。儘管我還包含了CSS，但它在頂部創建了額外的空間。 body{padding:env(safe-area-inset-top)env(saf

P粉543344381 2023-12-29 16:04:36 0  1  465

建立一個在Quarto中類似RMarkdown中固定表頭的功能

我一直在嘗試在Quarto中渲染一個來​​自table1R包的黏性表頭，就像我在RMarkdown中成功做到的那樣。然而，Quarto似乎無法識別我的.css文件，或者（更有可能的是）我漏掉了一些東西。我將CSS檔案與.rmd和.qmd一起包含，以便能夠復現。我還包含了內聯的html代碼來創建一個滾動框，以使表頭固定。樣式.css：.Rtable1th{border:0;text-align:cent

P粉366946380 2023-08-29 17:12:38 0  1  617

防止scrollIntoView()將容器捲動到頁面頂部

我正在嘗試建立一個簡單的“主要是css”圖像輪播，它使用滾動捕捉，但也有導航按鈕來控制當前查看的幻燈片。我找到的唯一解決方案是在目標元素上使用scrollIntoView()，它可以滿足我的要求，但它也總是將目標元素滾動到頁面頂部。我希望目標輪播投影片和容器保持在原來的位置，我只希望投影片水平滾動到視圖中。我正在看AdamArgyle的一個範例，他就是這樣做的，並且容器保持在原來的位置，我不知

P粉690200856 2024-03-26 20:25:28 0  1  480

css - 手機端 盒子內加overflow-y:scroll後 字體會變大

在最外層的盒子加css屬性：overflow-y:scroll後在Google手機模擬器查看時，字體會自動變大，整體用rem佈局。去掉這個屬性，字體正常，想知道這是什麼問題代碼1：未overflow-y：scroll屬性圖片描述 {代碼...} 代碼...

黄舟 2017-05-16 13:39:31 0  5  1049