根据屏幕分辨率自动调整屏幕上的HTML / CSS内容？ [英] Auto adjust HTML/CSS content on screen depending on resolution of screen?

问题描述

你好，



我创建了一个包含矩形框的HTML设计，在其上面显示内容。它在我的屏幕上看起来很合适（1600x900），但在更大的屏幕上，如1900x1080设计取代了。





PS：我们没有响应我们网站的用户界面。



任何解决方案或指导都非常感谢

提前致谢。



问候，

Mandar



我的尝试：



我试过了视口

< meta name =viewportcontent =width = device-width，initial-scale = 1.0>



但它不起作用。



最大宽度：100％;

最大高度：100％;



即使这不起作用。

Hello,

I have created one HTML design containing rectangular boxes on hover of which it displays content. It looks proper on my screen (1600x900) but on bigger screens like 1900x1080 design gets displaced.


P.S: we do not have responsive UI for our website.

Any solution or guidance will much appreciated
Thanks in advance.

Regards,
Mandar

What I have tried:

I tried viewport
<meta name="viewport" content="width=device-width, initial-scale=1.0">

but it doesn't work.

max-width:100%;
max-height:100%;

even this didn't work.

推荐答案

了解响应式网页设计。 [ ^ ]

这篇关于根据屏幕分辨率自动调整屏幕上的HTML / CSS内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！