css px单元如何映射到实际设备像素？
下面是html代码css px单元如何映射到实际设备像素？,css,Css,下面是html代码 <html> <head> <style type="text/css"> .my { border: 2px solid; width: 414px; height: 500px; } .right { text-align: right } </style> </head> <body> <h2&g
<html>
<head>
<style type="text/css">
.my {
border: 2px solid;
width: 414px;
height: 500px;
}
.right {
text-align: right
}
</style>
</head>
<body>
<h2>this is the ...</h2>
<div class="my">abc</div>
<div class="right">this is the right</div>
</body>
</html>
.我的{
边框：2倍实心；
宽度：414px；
高度：500px；
}
.对{
文本对齐：右对齐
}
这是。。。
abc
这是正确的
为什么我需要设置960px来填充iphone 6plus的宽度？您必须使用
视口metatag
来控制移动设备上的布局
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我怀疑你错过了这个元标记
<meta name="viewport" content="width=device-width, initial-scale=1.0">
据我所知，您需要使用viewport meta标记
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我认为这与像素缩放关系不大，而与视口缩放关系更大。默认情况下，iOS上的Safari（我不知道其他版本）倾向于缩小页面，以适应传统桌面站点太宽而无法容纳更小的屏幕。如果你设置
，我同意@BoltClock。使用meta
标记。你为什么会怀疑这一点？看起来这正是他所缺少的。@BhuwanBhatt不幸的是，我错过了答案中的meta标签。我现在编辑了这篇文章。