                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

关于screen.width和screen.height识别屏幕分辨率的问题

mac Retina的屏幕，这种方法不能正确的显示出正真的分辨率，都是打对折了。有人知道怎么解决这个问题么？

我的电脑真是分辨率是2880*1800的，但是用这个方法识别出来的，是1440*900

jm_1231

2015-12-07

源自：JavaScript进阶篇 8-15

关注问题我要回答

6963

操作

收起

2 回答

任e逍遥
2016-02-15

这是苹果自己的技术，虽然屏幕是2880*1800，但是对于浏览器而言是1440*900，只是mac用四倍分辨率进行渲染，以保证提高清晰度的同时，网页不会缩小。比如html中是14px的字体，在mac上其实是按照28px进行渲染的，但是对于html而言，你的浏览器其实是正常显示的14px的尺寸。

4 回复有任何疑惑可以回复我~

收起回答

RockenRoll
2015-12-07

因为Retina屏幕的像素点是普通电脑的2倍，直接宽、高取screen.width * 2；screen.height * 2就好了，普通屏就不用了

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

JavaScript进阶篇

参与学习 468046 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

进入课程

本课相似问答

3 回答为啥和屏幕分辨率一样？

2 回答获取屏幕分辨率的宽和高

2 回答屏幕分辨率高宽与屏幕可用高宽的区别

4 回答屏幕高度和屏幕分辨率的高度是一回事吗？

1 回答screen.width screen.height 怎么算？

搜索更多本课相关问答

关于screen.width和screen.height识别屏幕分辨率的问题

我要回答关注问题

热搜

最近搜索清空

关于screen.width和screen.height识别屏幕分辨率的问题

2 回答

本课相似问答

关于screen.width和screen.height识别屏幕分辨率的问题