0

我的工作需要 100 个彼此相邻且尺寸尽可能小的窗口。图片：https ://i.imgur.com/Yg2St2U.png

一个。对于高度，它受到消息框的限制，我通过在 userChrome.css 中添加它来减少到 88px

* { 
    font-size: 3pt !important;
    font-family: Leelawadee !important; 
}

这对我来说是最小的易读字体大小和字体，所以我对 88px 高度感到满意。

湾。对于宽度，我在 userChrome.css 中添加了这个

#main-window:not([chromehidden~="toolbar"]) {
    min-width:20px!important;
}

但是 Firefox 的窗口拒绝缩小到 126 像素以下，我对此感到非常沮丧。我知道限制是 100 像素，所以我只需要将窗口宽度减小到 100 像素，这对我有很大帮助。所以，

  1. 你能建议一种在增加字体大小的同时减小消息框大小的方法吗？
  2. 你能告诉我如何将窗口宽度减小到 100px 吗？
4

1 回答 1

0

1) 对于字体大小，您可以在 css 中使用“font-size”并指定所需的大小，如果您有一个框作为 div 元素，请给它一个 id 并在 css 中指定一个宽度：

<div id="box">Something</div>

CSS：

#box {
    width: 100px;
    height: 100px;
}

p {
  font-size: 1.5rem;
  }

请记住，对于元素的大小和位置，建议使用像 bootstrap 这样的框架。

2）您可以使用具有此方法的窗口对象

  • 窗口打开
  • 窗口.resizeTo

使用这两种方法，您可以打开一个新窗口并调整其大小

于 2019-05-01T07:26:42.547 回答