iT邦幫忙

0

RWD viewport

  • 分享至 

  • xImage

想問一下
為什麼我做的網頁用google的toggle device toolbar縮小的時候我的字形會跟著變小
我的font-size使用的是px
在網頁的head也有加上
meta name="viewport" content="width=device-width, initial-scale=1"
我沒有使用bootstrap想問一下大家是什麼問題?

查了很久,謝謝

正常吧~手機才不管你的size設定~
https://www.google.com/search?q=rwd+viewport+font+size 幫樓主餵狗
基本上先看一下別人寫的,自己想不一定正確
光WIN10 的系統設定 改 DPI 改 文字縮放,都會影響用 PX 的時候造成的問題
還真沒聽過 要 RWD 還用 PX 的定義大小
因為我也是先從各大網站參考他們寫的,幾乎大家耶都是以px為主耶~
RWD我看推薦是用rem會比較好嗎?

謝謝回答
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

2
japhenchen
iT邦超人 1 級 ‧ 2021-08-11 13:10:06
最佳解答

沒圖沒真相,在我的習慣裡,做RWD時,就不會用PX來做硬性定位

內容錯別字太多,看的很辛苦,所小,縮小?自行?字型?

你可以在viewport裡這樣下
讓使用者不能在手機上調整大小

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.5, user-scalable=0">

照了你的這個做法就可以了~我覺得應該是差在user-scalable這個選項,感謝回答

1
小魚
iT邦大師 1 級 ‧ 2021-08-11 13:11:20

如果是類似Ctrl+滾輪放大縮小那種,
字會變大變小不是很正常嗎?

我要發表回答

立即登入回答