Css 旋转到横向或在较大的显示器上使用时保持站点宽度

Css 旋转到横向或在较大的显示器上使用时保持站点宽度,css,scaling,viewport,Css,Scaling,Viewport,我有一个移动网站,它可以在手机和小型平板电脑上以肖像模式运行 站点在景观模式下运行良好,但由于图像的性质,缩放看起来不理想 相反,我希望大致保持站点在纵向上的宽度,并在每个站点上用空格“居中”内容 最好的方法是什么?首先,您可以使用640*905以最大分辨率重新切片此图像前幅.jpg,因此现在如果我们在更大的屏幕上查看此图像,它将延迟像素。 因此,如果您将使用最大值重新切片,并根据不同的屏幕大小设置媒体查询,它将根据您的要求自动调整 这听起来很完美。我不熟悉媒体查询,你能提供一些关于如何实现这

我有一个移动网站,它可以在手机和小型平板电脑上以肖像模式运行

站点在景观模式下运行良好,但由于图像的性质,缩放看起来不理想

相反,我希望大致保持站点在纵向上的宽度,并在每个站点上用空格“居中”内容


最好的方法是什么?

首先,您可以使用
640*905
以最大分辨率重新切片此图像
前幅.jpg
,因此现在如果我们在更大的屏幕上查看此图像,它将延迟像素。
因此,如果您将使用最大值重新切片,并根据不同的屏幕大小设置
媒体查询
,它将根据您的要求自动调整

这听起来很完美。我不熟悉媒体查询,你能提供一些关于如何实现这一点的详细信息吗?嘿,chambo,你可以看到链接:-你可以通过媒体查询为不同的屏幕分辨率编写单独的CSS….chambo,你也可以阅读这篇文章:-谢谢,我会尝试一下。首先,我将为大于720px的屏幕编写新的css,这将解释较新智能手机上的横向模式和大多数平板电脑上的横向/纵向模式