我有一个简单的问题。我有一个简单的带有媒体查询的CSS:
@media only screen and (max-width: 700px) {
//some CSS A
}
@media only screen and (min-width: 700px) {
//some CSS B
}
<meta name="viewport" content="width=device-width,initial-scale=1">
我的DOOGEE X5PRO的分辨率是1280x720 (根据互联网),所以我希望在手机上观看时会应用B。
我正面临着一个奇怪的问题。我有一个DIV,它占用一半可用的屏幕空间,而这个DIV只有一个画布映像(我正在动态生成)。我使用offsetWidth和offsetHeight或DIV设置画布的大小。
var efisWidth = hudView.offsetWidth;
var efisHeight = hudView.offsetHeight;
考虑到这两个属性的宽度和高度,我的网页绘制画布。它看起来完美的PC,因为结果的图像是1:1的屏幕分辨率。但是在手机上,图像并没有显示在它的全部分辨率上,因为移动浏览器在这个属性上的分辨率比实际屏幕分辨率要低。
我使用iPhone 7 Plus (108