飛狼實驗室[wp]

在 Firefox 中檢測和除錯 CSS Print 樣式（@media print），最直接的方法是使用開發者工具（DevTools）模擬列印媒體類型。您可以按下 F12 開啟工具，在「檢視器 (Inspector)」面板中，找到「切換列印媒體模擬 (Toggle print media simulation)」圖示（一個小印表機圖示），即可在螢幕上即時查看列印樣式。

folk11505\templates\main.htm第二行
 

<section class="mt-5 min-vh-100 " >

導致列印時會多了一頁空白頁

列印時會多出一頁空白頁，核心原因在於 min-vh-100（min-height: 100vh）搭配 mt-5（margin-top）超出了單頁紙張的絕對高度。
在瀏覽器渲染中，100vh 代表整個可視視窗高度。當轉為列印模式時，100vh 會被視為「一張紙的滿頁高度」。此時如果加上頂部外距（mt-5），總高度就會變成「1 張紙的高度 + 頂部外距」，進而溢出並強行擠出第二頁空白頁。此外，許多瀏覽器預設的列印邊距也會與 100vh 累加導致溢出。

解決方案

請在 CSS 中加入 @media print（列印專用樣式），在列印時將高度與外距還原為自適應，即可完美消除空白頁。
 

@media print {
  /* 移除列印時的強置滿版高度與上外距 */
  .min-vh-100 {
    min-height: auto !important;
  }
  .mt-5 {
    margin-top: 0 !important;
  }
}

長久以來一直被這個問題困惑著，sql下了group by 指令後，到底是選誰當代表。
之前觀察過，並不是選player_id中最小的。經過用不同的排序方式，終於解開了迷團。
(程式folk11505/test//groupby.php)

//觀察group by選中的代表是誰？
//原來是依game_id排序後，第一個人。
include "../include/config.php";
//include "function.php";

//以folk11505為例
//pg_id 21 國小男童六年級組【扯鈴】
//pi_id 2,雙人賽     3,團體賽(四人賽)     4,團體賽(六人賽)     5,扯鈴接力賽
$pg_id=21;
$pi_id=5;

$sqlstr = " select game_id,player_id,play_group_id,play_item_id,gov_code,term_num,single from game where play_group_id ='$pg_id' and play_item_id ='$pi_id' order by gov_code,term_num,game_id ";
//echo "{$sqlstr}<br>";
$recordSet = $CONN->Execute($sqlstr) or die("<br>資料連結錯誤<br>\n $sqlstr ");
echo "game_id,player_id,play_group_id,play_item_id,gov_code,term_num,single<br>";
while ($row = @$recordSet->FetchRow() ) {
    echo $row[game_id].",";
    echo $row[player_id].",";
    echo $row[play_group_id].",";
    echo $row[play_item_id].",";
    echo $row[gov_code].",";
    echo $row[term_num].",";
    echo $row[single]."<br>";
}

參考網址：
4分鐘讓你學會用GEMINI AI作自己的網頁版APP
https://www.youtube.com/watch?v=k_KWyE_arW8

https://gemini.google.com/app

工具選擇canvas 模式選擇pro

需求：
我要作一個「番茄鐘」網頁，有5分鐘、10分鐘、15分鐘跟25分鐘的選項

再加入一個5秒的選項

音效大聲點

將程式碼改成網頁可執行的模式

結果：
https://gemini.google.com/share/80dbc30cfd95

https://sp.idv.tw/ai/tomato
 

參考網址：掌控捲動方式 – 自訂下拉即可重新整理和溢位效果

修改templates\main.htm第3行，加入style="overflow-x:auto"

<section class="mt-5 min-vh-100" >
	<div class="container-fluid" style="overflow-x:auto">

跳鼓、撥拉棒可設指導10人
借用play_group.flag欄位
修改play_group.flag=1
update `play_group` set `flag`=1 WHERE `play_group_code`=44 or `play_group_code`=55

join2/config.php約75行
$tnc_MAX_MAN2 = array("1-10"=>10 , ">10"=>10 ) ;

join2/staff.php約47行 flag=1 用 $tnc_MAX_MAN2
    foreach ($group_count as $g => $c )  {
        if ($play_group_name['flag'][$g] ==1 ) 
           $group_man[$g] = get_max_man($tnc_MAX_MAN2  ,$c) ; 
        else 
           $group_man[$g] = get_max_man($tnc_MAX_MAN  ,$c) ;
    }

/function.php join_check 約596行 flag=1 用 $tnc_MAX_MAN2