隨著微信小程序的不斷升級(jí)，越來(lái)越多的開發(fā)者將小程序用于日常生活中。隨之而來(lái)的問(wèn)題就是如何讓小程序支持更多的樣式。在這篇文章中，我們將介紹如何使用JavaScript代碼來(lái)判斷并增加CSS樣式。

首先，我們可以通過(guò)小程序的API來(lái)獲取到當(dāng)前手機(jī)的屏幕寬度。代碼如下：

var systemInfo = wx.getSystemInfoSync();
var screenWidth = systemInfo.screenWidth;

接著，我們可以判斷屏幕寬度的大小并根據(jù)需要增加CSS樣式。比如，當(dāng)屏幕寬度小于等于 414px 時(shí)，我們可以增加以下樣式：

if (screenWidth<= 414) {
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'body { font-size: 14px; }';
document.head.appendChild(style);
}

以上代碼將在頁(yè)面加載時(shí)動(dòng)態(tài)創(chuàng)建一個(gè) style 標(biāo)簽，并添加到頁(yè)面的 head 中。body 的字體大小將被設(shè)置為 14px。

這種方式的好處是，在不同的屏幕尺寸下，我們可以靈活地設(shè)置不同的 CSS 樣式，以適應(yīng)不同的屏幕大小。

總結(jié)一下，小程序判斷增加 CSS 樣式的方法是先獲取當(dāng)前手機(jī)的屏幕寬度，然后根據(jù)需要判斷并添加相應(yīng)的 CSS 樣式。這種方式可以讓小程序適應(yīng)不同的屏幕大小，提高用戶體驗(yàn)。