文章詳情頁
css - 移動端為什么產生“一像素邊框”這個問題？
瀏覽：138日期：2024-02-23 10:49:37
問題描述
先說下我的想法。 因為retina屏幕的物理像素密度是普通屏幕的2倍。也就是說同樣一英寸retina屏幕用兩個物理像素去渲染，而普通屏幕只用一個。至此我認為retina屏幕的物理像素它的大小是小于普通屏幕的物理像素大小的！不然數值上相等的retina屏幕和普通屏幕相比的話retina屏幕的面積豈不是普通屏幕的4倍？但現實中iphone并沒有比普通手機大啊。所以我覺得retina屏幕的物理像素是比普通屏幕的物理像素小。那么問題來了。既然是這樣怎么會產生“一像素邊框這個問題呢？”雖然retina屏幕使用兩個物理像 素去表示一個css像素，而普通屏幕是用一個物理像素去表示一個css像素，但是retina屏幕的物理 像素的大小是普通的二分之一啊。所以他們應該相等才對啊?？墒沁@個問題確實存在，那只能說明我 的想法是錯的。可是我又不知道錯那，麻煩大牛們能給我解解惑！
問題解答
回答1：移動端的像素跟屏幕像素并不是相等的，首先跟縮放比例有關，確認是1.0的話，CSS 可以對應 document.body.clientHeight 和 document.body.clientWidth。 1920 x 1200 的屏幕，document.body 可能只有 480 x 662 的尺寸。
回答2：直接用rem布局，這個放大倍數，圖片會不會模糊
標簽：
CSS
相關文章：
1. 哪位大神知道MySql怎么修改多行多列的數據?求指點2. 這是什么情況？？？3. 編輯管理員信息時，為什么沒有修改過的內容會為空？4. phpadmin的數據庫，可以設置自動變化時間的變量嗎？就是不需要接收時間數據，自動變化5. mysql - thinkphp5 在MAC電腦本地正常，部署LINUX服務器之后，模型不存在6. 老哥們求助啊7. javascript - 百度圖片切換圖片時url會改變，但無刷新，沒用hash，IE8也支持，請問是用了什么技術？8. PHP類封裝的插入數據，總是插入不成功，返回false；9. APP上傳到電腦服務器，出現數據上傳不完整的問題10. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？
排行榜
網公網安備