文章詳情頁
css3 - 如何在PC網(wǎng)頁上預(yù)覽手機網(wǎng)站樣式?
瀏覽：201日期：2023-07-17 08:54:02
問題描述
在線編輯器里的寫的一些html5+css3效果和手機瀏覽器上看到的不一致，反復(fù)調(diào)整測試很麻煩，有沒有方法可以在PC網(wǎng)頁上直接預(yù)覽手機網(wǎng)站樣式，非Google Chrome F12手機模擬器，要網(wǎng)頁上的。
問題解答
回答1：如果題主是說，發(fā)給客戶，讓客戶隨便拿個瀏覽器，而且讓瀏覽器全屏，不用知道任何瀏覽器本身的使用手段也能看手機效果的話，推薦按照這個思路：
把想要讓客戶預(yù)覽的手機網(wǎng)頁發(fā)布到公網(wǎng)，即使只是測試版。ngrok這樣的工具可以直接把你本地的localhost給發(fā)布到公網(wǎng)。一般得到類似http://cc007c0b.ngriok.io這樣的地址。
用responsinator這個站點，帶上你的手機網(wǎng)站的地址（最后得到http://www.responsinator.com/?url=cc007c0b.ngriok.io這樣的），把這個地址發(fā)給客戶看就好了。
回答2：現(xiàn)在最方便的就是在Chrome上使用手機瀏覽模式，或者firefox上的響應(yīng)式設(shè)計模式
回答3：F12已足夠
回答4：Google Chrome手機模擬器看到的樣式基本上一致。為什么不用？
回答5：不是我用，是客戶用，客戶需要無論任何瀏覽器都能看到和手機瀏覽器里看到的效果一致。客戶不一定安裝Google Chrome。
回答6：叫客戶裝chrome。。不裝不給他玩。
標簽：
CSS
相關(guān)文章：
1. android - 請問一下 類似QQ音樂底部播放 在每個頁面都顯示 是怎么做的？2. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙3. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應(yīng)用上有什么區(qū)別？4. 求救一下，用新版的phpstudy，數(shù)據(jù)庫過段時間會消失是什么情況？5. python小白 關(guān)于類里面的方法獲取變量失敗的問題6. Python2中code.co_kwonlyargcount的等效寫法7. django - Python error: [Errno 99] Cannot assign requested address8. python小白，關(guān)于函數(shù)問題9. [python2]local variable referenced before assignment問題10. python - vscode 如何在控制臺輸入
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備