我正在处理一个UI，该UI在显示移动设备上时太小以至于无法正确使用。
我的大小为Div固定为像素的大小，如果调整窗口的大小，它会保持大小，但是当我在Chrome上或在实际移动设备上进行移动模式测试时，它会收缩。我如何阻止它这样的行为？
听起来像您的页面被缩放，因为它不包含head中的代码行：
<meta name="viewport" content="width=device-width"; initial-scale="1.0" />
而无需看到您的代码，很难为您提供正确的细节。也就是说，有两个共同的起点，这些是：
-
此META标签将允许移动浏览器在虚拟"窗口"(视口(中渲染页面，通常比屏幕更宽，因此它们无需将每个页面布局挤入一个很小的窗口中。
<meta name="viewport" content="width=device-width, initial-scale=1"> -
css媒体查询将使您灵活地更改页面在不同屏幕尺寸下显示的方式。
在CSS中，将Divs的最小宽度设置为所需的宽度，以及视口元。这样：
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
div#mydiv{
min-width: <== put here the width that you want;
}
</style>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>