为什么我的css样式通过javascript不适用于桌面屏幕大小？

可能的原因有以下几点：

1. 响应式设计问题：CSS样式可能没有针对不同屏幕大小进行响应式设计。在编写CSS样式时，应该使用媒体查询（Media Queries）来根据不同的屏幕大小应用不同的样式。媒体查询可以根据屏幕宽度、高度、设备类型等条件来选择性地应用样式。
2. JavaScript执行时机问题：可能是因为JavaScript在CSS样式加载之前执行，导致样式无法正确应用。在这种情况下，可以考虑将JavaScript代码放在页面底部，或者使用DOMContentLoaded事件来确保JavaScript在DOM加载完成后再执行。
3. CSS样式优先级问题：可能是由于CSS样式的优先级导致JavaScript动态修改的样式无法生效。CSS样式的优先级是根据选择器的特定性和样式表的顺序来确定的。如果通过JavaScript动态修改的样式与其他样式存在冲突，可以尝试提高选择器的特定性，或者使用!important来提高样式的优先级。
4. JavaScript代码错误：可能是由于JavaScript代码中存在错误导致样式无法正确应用。在这种情况下，可以使用浏览器的开发者工具（如Chrome的开发者工具）来检查JavaScript代码是否存在错误，并进行调试和修复。

综上所述，为了解决CSS样式通过JavaScript不适用于桌面屏幕大小的问题，可以通过响应式设计、调整JavaScript执行时机、解决CSS样式优先级问题和修复JavaScript代码错误等方法来解决。