如何將html文件更改爲另一個屏幕大小的html文件？

Question

我的目標是當您將屏幕大小更改爲手機的比例（寬度方向）時，您將獲得不同的html文件或類似的內容。

Answer 1

如前所述，您應該真正使用媒體查詢和響應式開發來實現您正在尋找的結果。

然而，如果有，你已經確定了只需要使用不同的頁面，那麼你可以使用類似的特定頁面：

<script type="text/javascript"> 

var doRelocation = function() { 

    var currentWidth = window.innerWidth, 
     breakpoint = 800, 
     newLocation = 'new-page.html'; 

    if (currentWidth < breakpoint) { 
     window.location.replace(newLocation); 
    } 

} 

doRelocation(); 

window.addEventListener('resize', doRelocation); 

</script> 

這個腳本是非常基本的，但功能上的負荷運行，以確定屏幕寬度和調整大小。它只能在現代瀏覽器中運行，但我猜並沒有很多運行IE8的小型屏蔽設備。