网页布局能否在浏览器窗口大小发生变化时自动从行布局转换为列布局？

1. 使用CSS媒体查询来设置不同窗口大小下的布局样式。示例代码：

@media screen and (max-width: 768px) { .container { display: flex; flex-direction: column; } }

@media screen and (min-width: 769px) { .container { display: flex; flex-direction: row; } }

2. 使用JavaScript监听浏览器窗口大小变化事件，根据当前窗口大小动态更新布局样式。示例代码：

window.addEventListener('resize', function() { var container = document.querySelector('.container'); if (window.innerWidth < 769) { container.style.flexDirection = 'column'; } else { container.style.flexDirection = 'row'; } });