目前按F12加點手機界面按鈕可以做到
但想要用戶在js client端也能顯示這樣的界面
目前RWD無法做到電腦用戶一開始瀏覽就顯示手機格式
使用 Window.resizeTo()就能調整視窗的大小
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/resizeTo
 您好,好像沒有效果
 您好,好像沒有效果
您好,就算顯示undefined但是可以作用的唷
前提是使用window.open的視窗
另外如果你是用別人網頁測試,你不會知道他前端框架的處理機制或限制
如果單純想要視覺是一長條的一站式網站,建議直接從框架本身的RWD去做設計,直接限定寬度或網格
1 undefined是指回傳值,window.open本來就不會有回傳值當然是undefined
2 我記得視窗最大化或是全銀幕模式是不能靠resizeTo去改,不確定。
但我相信這也不是他要的
html的結構如下
<body>
    <main>
       <!-- 內容 -->
    </main>
</body>
css設定如下, max-width 設定市面上手機最大的寬度
body{
    background-color: black;
}
main{
    background-color: black;
    max-width: 640px;
    margin: auto;
}
這樣就能讓桌機跟手機,開起來的效果一樣,
設定相同的 background-color 可以讓桌機版網頁留白的部分,不要太明顯。
但是看起來還是會怪怪的