brower mod 手機端介面顯示問題

hqwaszx

想問各位,我用brower mod製作一個卡片,但是在手機端介面顯示有點問題,在電腦上就正常,請問有人知道是什麼原因嗎!?
手機上顯示會是整個全屏的

hungheo

这是这个插件的屏幕自适应，小于多少分辨率就是全屏，具体的数值可以在浏览器中F12查看CSS设置，

如果要更改的话，得用card mod插件修改或者改源码
我之前分享的card mod插件使用里面有提到：https://bbs.hassbian.com/thread-27399-1-1.html

hqwaszx

hungheo 发表于 2025-1-11 10:30
这是这个插件的屏幕自适应，小于多少分辨率就是全屏，具体的数值可以在浏览器中F12查看CSS设置，

如果要更 ...

不好意思 我按了f12但還是看不出來哪個是關於分辨率的代碼 ,可以在提醒下嗎,拜託了!!

hungheo

hqwaszx 发表于 2025-1-13 22:56
不好意思 我按了f12但還是看不出來哪個是關於分辨率的代碼 ,可以在提醒下嗎,拜託了!! ...

怎么查看的步骤：



我没有修改默认的属性


是把browser mod 的所有背景都取消或者变成毛玻璃效果，然后让里面的卡片居中显示

hungheo

hqwaszx 发表于 2025-1-13 22:56
不好意思 我按了f12但還是看不出來哪個是關於分辨率的代碼 ,可以在提醒下嗎,拜託了!! ...

背景的颜色具体是这样控制的

type: tile
entity: sensor.sun_next_dawn
tap_action:
  action: perform-action
  perform_action: browser_mod.popup
  target: {}
  data:
    dismissable: true
    title: 的地方地方   # 这行取消
    card_mod:
      style:
        .: |
          :host {
            --ha-card-border-width: 0;
          }
          .div:focus {
            outline: none;
          }
          ha-dialog > div.content > div.container {
            background: red !important;  /*红色背景*/
          }
          ha-dialog {
            --vertical-align-dialog: center !important; 
          }
          @media (max-width: 450px), (max-height: 500px) {
            ha-dialog {
              --mdc-dialog-min-height: none !important;  /*居中显示*/
            }
          }
        ha-dialog$: |
          div.mdc-dialog__scrim{
              background: green !important;  /*绿色背景*/
            }
          div.mdc-dialog__surface { 
            background: blue !important;  /*蓝色背景*/
          }

复制代码

效果就是下图


用的时候代码里面的 green blue red 都替换成none，把title取消掉

这样在browser mod 里面写的代码就居中显示了，且没有其他的边框和背景
如果想让背景模糊
添加一句 backdrop-filter: blur(20px) !important;

div.mdc-dialog__scrim{
              backdrop-filter: blur(20px) !important; /*背景模糊*/
              background: green !important; 
            }

复制代码

flamestsui

我发现，第一次是正常居中，关了再次打开就不对了

hqwaszx

flamestsui 发表于 2025-1-14 17:26
我发现，第一次是正常居中，关了再次打开就不对了

我也有這個困擾, 麻煩大大幫忙解惑一下了!!

flamestsui

hqwaszx 发表于 2025-1-15 18:26
我也有這個困擾, 麻煩大大幫忙解惑一下了!!

https://bbs.hassbian.com/forum.php?mod=redirect&goto=findpost&ptid=27399&pid=654410

大佬已经解答了。暂时解决不到