Css 如何使网页适合任何屏幕分辨率

Css 如何使网页适合任何屏幕分辨率,css,wordpress,woocommerce,Css,Wordpress,Woocommerce,如何使我的网页适合任何屏幕分辨率,我的显示器屏幕尺寸为23英寸,屏幕分辨率为1920x1080。我的主题在浏览器上看起来像这样: 我希望它能够适合任何屏幕分辨率的显示,就像在1366x768屏幕上查看一样。仅在桌面版本上看起来是这样的: 网站最好是反应灵敏!如果屏幕尺寸变小,站点没有响应,那么文本和图像就会变得太小!现在这是最好的了 试着使用你正在使用的设计语言的类和属性,而不是自己制作。例如,如果你正在使用bootstrap创建网页,那么就使用它的类,就像你正在使用它一样,最好使用col l

如何使我的网页适合任何屏幕分辨率,我的显示器屏幕尺寸为23英寸,屏幕分辨率为1920x1080。我的主题在浏览器上看起来像这样:

我希望它能够适合任何屏幕分辨率的显示,就像在1366x768屏幕上查看一样。仅在桌面版本上看起来是这样的:


网站最好是反应灵敏!如果屏幕尺寸变小,站点没有响应,那么文本和图像就会变得太小!现在这是最好的了

试着使用你正在使用的设计语言的类和属性,而不是自己制作。例如,如果你正在使用bootstrap创建网页,那么就使用它的类,就像你正在使用它一样,最好使用col lg、col md、col sm,而不是给出你自己的风格。
这将在查看网页时产生巨大的差异,因为网页将具有响应性并适合每个屏幕。

请查看@Atanas我不知道我的老板我只是按照他想要的做,他想要这样告诉他:最好让网站具有响应性!如果屏幕尺寸变小,站点没有响应,那么文本和图像就会变得太小!现在这是最好的了!