前輩們好!google許久始終找不及答案,特來詢問!
在windows的設定中可以選擇100%、125%、150%縮放畫面大小,
想請教一下html語法有無辦法可以讓網頁固定100%大小不被windows縮放影響?
例如否些同事年紀大設定150%、年輕人則是100%,都需要開啟內部網頁。
而年紀大的同事反映網頁變大都需要滑動滑塊才找的到按鈕,
爬文許久未能發現有甚麼語法可以固定瀏覽器頁面大小。
謝謝。
想請教一下html語法有無辦法可以讓網頁固定100%大小不被windows縮放影響?
要用javascript 取得縮放率,然後再倒除回來,但不是【網頁固定100%大小不被windows縮放影響?】而是【使用者放大倍數,頁面上則反除回來】,這樣子,不管他是設100%、125%、150%,都會看起來一樣。
window.devicePixelRatio 可以取得縮放率,
document.getElementsByTagName('body')[0].style.zoom = 倒除縮放比
但實際運作起來,還是有點複雜,若可以維持100%。那就盡量維持100%。要不然就幫老同事換大螢幕。
需要寫成RWD的方式
scroll 會出現的原因就是寬度不夠
你要設定好寬度 調整
不想處裡RWD 那就建議直接用最小寬度處裡
至少溝通畫面都一樣
不會有因為畫面 造成溝通有問題
這其實就是RWD的技術之一了。
基本上來說,將字體維持在100%的樣式。技術上來說是辦的到,但並不太建議。
因為這有跟「使用者體驗感」有關係。
一般RWD的做法,只是將容器將字體大小,維持在可視位置及範圍處理。
可是說來簡單,做起來並不一定好處理。