系統知識網 手機應用 網頁手機端右側顯示全怎麼辦?一行代碼就搞定瞭!

網頁手機端右側顯示全怎麼辦?一行代碼就搞定瞭!

最近小編給朋友做瞭一個PC端的網站展示企業,但是發現右側怎麼也顯示不全,連很多文字都無法顯示瞭,這是由於CSS中把寬度什麼都給定死瞭,那麼我們如何去解決這個問題呢?其實很簡單,不用去改CSS,隻需要在網頁或是模板上加上這麼一句就好瞭。在<h。

最近小編給朋友做瞭一個PC端的網站展示企業,但是發現右側怎麼也顯示不全,連很多文字都無法顯示瞭,這是由於CSS中把寬度什麼都給定死瞭,那麼我們如何去解決這個問題呢?其實很簡單,不用去改CSS,隻需要在網頁或是模板上加上這麼一句就好瞭。

在<head></head>之間加上

<meta name="viewport" content="width=device-width,user-scalable=yes,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

width 表示viewport的寬度 height 表示viewport的高度initial-scale 表示初始的縮放比例minimum-scale 表示允許用戶縮放到的最小比例maximum-scale 表示允許用戶縮放到的最大比例user-scalable 表示用戶是否可以手動縮放(no表示禁止雙擊放大功能,用yes就可以放大)

加上代碼之後我們再刷新一下網頁就以看到效果瞭。

顯示完整瞭。。大傢學會瞭嗎。

返回顶部