Tkinter跨平台UI差异求助：同代码Windows与Mac输出不一致

你的代码在MacOS上显示正常，但在Windows 11中出现布局错位，核心原因是Tkinter在不同操作系统下的组件默认样式、尺寸计算逻辑存在差异。以下是针对性的修复方案：

修复要点 #

• 统一组件对齐方式：使用grid布局的sticky参数，让标签右对齐、输入框/按钮填充列宽，避免跨平台对齐偏差
• 自适应列宽：通过grid_columnconfigure设置列权重，让布局随窗口自适应，替代固定宽度的硬编码
• 消除Canvas默认边框：启用highlightthickness=0，和Mac端显示一致

修改后的完整代码 #

from tkinter import *

window = Tk()
window.title("Password Manager")
window.config(padx=20, pady=20)

# 修复Canvas边框问题
canvas = Canvas(width=200, height=200, highlightthickness=0)
password_logo = PhotoImage(file='logo.png')
canvas.create_image(100, 100, image=password_logo)
canvas.grid(column=1, row=0)

# 标签添加sticky参数右对齐，和输入框对齐
Website_Label = Label(text="Website:")
Website_Label.grid(column=0, row=1, sticky="e", padx=5, pady=5)
Email_Label = Label(text="Email/Username:")
Email_Label.grid(column=0, row=2, sticky="e", padx=5, pady=5)
Password_Label = Label(text="Password:")
Password_Label.grid(column=0, row=3, sticky="e", padx=5, pady=5)

# 配置列权重，让列1和列2自适应宽度
window.grid_columnconfigure(1, weight=1)
window.grid_columnconfigure(2, weight=1)

# 输入框添加sticky="ew"填充列宽，移除固定width
entry_1 = Entry()
entry_1.grid(column=1, row=1, columnspan=2, sticky="ew", pady=5)
entry_2 = Entry()
entry_2.grid(column=1, row=2, columnspan=2, sticky="ew", pady=5)
entry_3 = Entry()
entry_3.grid(column=1, row=3, sticky="ew", pady=5)

# 按钮添加sticky参数，自适应列宽
gen_pass_button = Button(text="Generate Password")
gen_pass_button.grid(column=2, row=3, sticky="ew", padx=5, pady=5)
add_button = Button(text="Add")
add_button.grid(column=1, row=4, columnspan=2, sticky="ew", pady=5)

window.mainloop()

关键修改说明 #

1. sticky参数：标签设置sticky="e"保证右对齐，输入框和按钮设置sticky="ew"让组件填充所在列的宽度，解决Windows下输入框偏短、对齐错位的问题
2. 列权重配置：window.grid_columnconfigure(1, weight=1)和window.grid_columnconfigure(2, weight=1)让第1、2列在窗口调整时自动分配空间，替代固定width的硬编码，适配不同系统的组件尺寸逻辑
3. Canvas边框：启用highlightthickness=0消除Canvas默认的灰色边框，和Mac端显示效果一致
4. 增加padx/pady：给组件添加少量内边距，提升界面美观度，避免组件过于拥挤

内容的提问来源于stack exchange，提问作者Sudharshanam Buddha