你可以看到我正在谈论的图像here。我认为这个位置是不言自明的。
如果需要,我可以没有控制尺寸,但确实需要定位。
由于
答案 0 :(得分:1)
您可以将position:fixed
或position:absolute
与@media queries
的组合用于输入和按钮的宽度。因此,当您的图像调整大小时,您的控件将保持相同的位置。例如,position:absolute; left:10%; top:20%;
。
话虽如此,当你可以通过创建responsive design来节省加载时间并拥有实际可用的东西时,拥有一个巨大的图像是没有意义的。就像现在一样,这个图像无法在手机中读取,而且,你的输入会变得很小!
@media queries将允许您针对不同的屏幕分辨率(和像素密度)使用不同的样式。在您的情况下,您可以拥有桌面的当前布局,并开始为iPad和较小的移动设备一个接一个地移动元素。因此,对于智能手机,您可以使用此布局中的元素(320px宽度):