目前按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
可以讓桌機版網頁留白的部分,不要太明顯。
但是看起來還是會怪怪的