我到处都在读到这一点,但找不到跨设备、跨浏览器的解决方案。
我们有一个宽度固定为600px的页面,我们希望它始终适合设备宽度。例如,在480px分辨率下,缩放比例为0.8,在320px分辨率下,缩放比例为0.533。我尝试过使用viewport并通过javascript设置初始比例(获取屏幕宽度,计算比率,将视口内容设置为"width=device-width,initial-scale = expected ratio
我正在一个网站上工作,主页由一个标题(高度约200 up )和全屏滑块(它占用浏览器中剩余的空间)组成。像往常一样,桌面和平板电脑的视图都很好,但我似乎无法在移动设备上达到正确的比例。我可以保持适当的比例通过最大宽度: 100%,高度:自动,背景大小:封面等,但我最终在图像底部的空白空间。此外,使用的图像最初是1500 x 600 (目前),因此即使通过移动比例缩放,图像中的内容也变得难以阅读。我已经在网上搜索过了,还没有找到合适的答案,我对如何正确地缩放这些图像,以及继续让它们占据<e