在制作網站的時候，導航按鈕的作用非常重要，它不僅能方便用戶瀏覽網站，還可以讓整個頁面變得美觀有序。而在使用CSS進行導航按鈕樣式設置的時候，很多人會遇到導航按鈕大小問題。接下來就來講一講如何使用CSS設置導航按鈕的大小。

nav {
width: 100%;
height: 50px;
background-color: #f0f0f0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
nav a {
font-size: 18px;
color: #333;
text-decoration: none;
padding: 10px;
}
nav a:hover {
background-color: #333;
color: #fff;
}

在上面的代碼中，我們首先設置了導航欄的寬度為100%，高度為50px，使用了flex布局讓導航按鈕水平分布，然后設置每個按鈕的內邊距為10px，用來調整按鈕的大小。

但是這個方法有一個問題，如果你改變了字體大小，按鈕的大小也會隨之改變，可能會破壞整個頁面的布局。為了解決這個問題，我們可以使用box-sizing屬性來調整按鈕的大小。

nav a {
font-size: 18px;
color: #333;
text-decoration: none;
padding: 10px;
box-sizing: border-box;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
}

在上面的代碼中，我們使用了box-sizing屬性，并將其值設置為border-box。這樣設置可以讓我們在設置按鈕的寬度和高度時，將內邊距和邊框的寬度也考慮在內。然后，我們設置了按鈕的寬度為120px，高度為40px，使用了line-height讓按鈕文字垂直居中，并將text-align屬性設置為center來讓按鈕文字水平居中。

總的來說，在設置導航按鈕大小時，我們需要合理利用CSS的各種屬性，考慮到整個頁面的布局和美觀程度。