現象
例えば下記のように設定をし
win = new BrowserWindow({
width: 800,
height: 600,
});
body{
width: 800px;
height: 600px;
}
Electronで800 x 600の大きさを作った時にhtmlの方の大きさを800px x 600pxにすると画像のようにスクロールバーが出る
縦の方はこのタイトルバー分スクロールバー出てるっぽくて、横の方は多分縦のスクロールバーのせいとかでスクロールバー出てる。
解決法
electronのBrowserWindowのAPIページによると
ウィンドウサイズっていうのは枠の部分(タイトルバーとか枠線)も含めたsizeの指定だという事だった。
useContentSizeってオプションをtrueにすればウェブページ部分の大きさとしてwidthとheightオプションが解釈されるので、無事スクロールバーを表示しない状態にできた。
const createWindow = () => {
win = new BrowserWindow({
width: 800,
height: 600,
useContentSize: true,
});