iT邦幫忙

0

電腦畫面大小與網頁縮放語法問題

  • 分享至 

  • xImage

前輩們好!google許久始終找不及答案,特來詢問!
在windows的設定中可以選擇100%、125%、150%縮放畫面大小,
想請教一下html語法有無辦法可以讓網頁固定100%大小不被windows縮放影響?
例如否些同事年紀大設定150%、年輕人則是100%,都需要開啟內部網頁。
而年紀大的同事反映網頁變大都需要滑動滑塊才找的到按鈕,
爬文許久未能發現有甚麼語法可以固定瀏覽器頁面大小。
謝謝。

SunM0on iT邦新手 4 級 ‧ 2024-02-21 14:11:28 檢舉
我是覺得你需要的是快速縮放畫面大小、快速右移的方式,Ctrl+滑鼠滾輪、滾輪鈕按住往右移動傳授給你同事就行了
SunM0on iT邦新手 4 級 ‧ 2024-02-21 14:22:58 檢舉
真的想處理的話,網頁寫成響應式的,你可以看一下我們ithome這個頁面放到150%,你會發現不用往右移,也是一種方式
froce iT邦大師 1 級 ‧ 2024-02-22 16:15:36 檢舉
不想搞RWD就字體大小設定成vh,然後大字一點。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
2
ckp6250
iT邦好手 1 級 ‧ 2024-02-21 15:36:51

想請教一下html語法有無辦法可以讓網頁固定100%大小不被windows縮放影響?

要用javascript 取得縮放率,然後再倒除回來,但不是【網頁固定100%大小不被windows縮放影響?】而是【使用者放大倍數,頁面上則反除回來】,這樣子,不管他是設100%、125%、150%,都會看起來一樣。

window.devicePixelRatio 可以取得縮放率,
document.getElementsByTagName('body')[0].style.zoom = 倒除縮放比

但實際運作起來,還是有點複雜,若可以維持100%。那就盡量維持100%。要不然就幫老同事換大螢幕。

0
揮揮手
iT邦研究生 5 級 ‧ 2024-02-21 15:51:32

需要寫成RWD的方式
scroll 會出現的原因就是寬度不夠
你要設定好寬度 調整
不想處裡RWD 那就建議直接用最小寬度處裡
至少溝通畫面都一樣
不會有因為畫面 造成溝通有問題

0
designer
iT邦新手 5 級 ‧ 2024-02-22 13:16:41

解決掉年紀大的同事,如果他是老闆,那就解決掉老闆~

0

這其實就是RWD的技術之一了。
基本上來說,將字體維持在100%的樣式。技術上來說是辦的到,但並不太建議。
因為這有跟「使用者體驗感」有關係。

一般RWD的做法,只是將容器將字體大小,維持在可視位置及範圍處理。

可是說來簡單,做起來並不一定好處理。

我要發表回答

立即登入回答