RWD viewport

rwd網頁設計 rwd viewport font-size

bnbn870829 2021-08-11 12:12:16 ‧ 1154 瀏覽

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

查了很久，謝謝

純真的人 iT邦大師 1 級 ‧ 2021-08-11 13:27:33 檢舉

正常吧~手機才不管你的size設定~

窮嘶發發發 iT邦高手 1 級 ‧ 2021-08-11 13:29:07 檢舉

https://www.google.com/search?q=rwd+viewport+font+size 幫樓主餵狗
基本上先看一下別人寫的，自己想不一定正確
光WIN10 的系統設定改 DPI 改文字縮放，都會影響用 PX 的時候造成的問題
還真沒聽過要 RWD 還用 PX 的定義大小

bnbn870829 iT邦新手 4 級 ‧ 2021-08-11 14:41:34 檢舉

因為我也是先從各大網站參考他們寫的，幾乎大家耶都是以px為主耶~
RWD我看推薦是用rem會比較好嗎?

謝謝回答

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

japhenchen

iT邦超人 1 級 ‧ 2021-08-11 13:10:06

最佳解答

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

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

回應 2
分享
檢舉

japhenchen iT邦超人 1 級 ‧ 2021-08-11 13:49:30 檢舉

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

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

bnbn870829 iT邦新手 4 級 ‧ 2021-08-11 14:39:55 檢舉

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

登入發表回應

小魚

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

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

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙

RWD viewport

2 個回答

我要發表回答

標記使用者