[問題] 不同解析度圖片相同大小 e2755699 PTT批踢踢實業坊

[問題] 不同解析度圖片相同大小

作者: e2755699 (酣酣) 2015-05-21 09:31:57

USER提出了一個需求
想要在桌面和手機上看到的圖片大小都一樣
小弟對RWD不太熟只想到用media query寫幾個不同寬度的圖片大小
請問各位大大如果以RWD的方式應該如何著手呢?

作者: crossdunk (推噓自如) 2015-05-21 10:13:00

RWD不就有用到media query嗎@@如果是寬度的話，可以試試看用%數

作者: qm29213039 (å´©å•¾) 2015-05-21 10:22:00

相同比例嗎? 試試看width: 100%; height:auto;

作者: Ayukawayen (亞布里艾爾發芽>//<) 2015-05-21 16:01:00

相同大小是在桌機上看到的是寬16cm*9cm 在手機上也要16cm*9cm; 還是在桌機上看到大小是12KB 手機也是12KB;或是桌機離30cm觀看佔據視野20% 手機離10cm也佔據視野20%; 處理方法都不一樣~

作者: miramira (How) 2015-05-24 08:19:00

大小一樣，不是寫死寬高就好了嗎?

繼續閱讀

[問題] 新手問金流jason82714 [問題] 如何只另開分頁(滑鼠中鍵效果)yoyostar1990 [問題] 如何利用 CSS 寫數學式BCRK7 [問題] 如何讓我網頁的表單欄位不要「自動填入表單」?banana2014 [問題] 資料庫存放常數johnny94 [問題] min-height 遇到垂直置中textcyclone350 [問題] tumblr slideshow功能dreamerXYZ 網頁設計/前端書籍出清jizz56 Fw: [js/問題] 自動將貼在contenteditable div上的HTML文字轉換成純banana2014 [問題] 請問一下dreamweaver的下拉式選擇日期shoule

Contact Us: admin [ a t ] ucptt.com