我有一个网站,在一个展示区的一个div上有一个标志图像..。我想让我的形象在手机上有反应.为了显示我的图像的中心,目前我的网站只显示左角。
这是我的html代码:
<section id="showcase">
<div class="container">
<h1>Espaço para eventos Roda D'Água</h1>
<p>Um ótimo lugar para confraternizações, reuniões familiares e outros even
因此,我的网站在桌面上看起来很棒,显示分辨率为1920x1080或更高。这是一个电子商务网站,所以我在产品页面上有很多元素。
问题是,当在桌面或分辨率低于1366X768或更低的平板电脑上看到这些元素时,很多元素都没有显示出来,因此用户必须向下滚动页面才能查看这些元素。我担心一些用户可能甚至没有注意到这些元素,我可能会失去客户。
所以,我想为什么不把网页缩小到75%左右,这样所有的元素都不需要滚动,而且几乎不用谷歌就能找到这个CSS代码。
@media screen and (max-width: 1366px) and (max-height: 768px) {
html {