我的投资组合的响应能力出现问题

时间:2019-06-05 17:03:22

标签: html css responsive-design

我只是对网站的响应能力有疑问。

我在开发自己的作品集时,遇到了一些困惑。在我的Chrome浏览器中,当我为响应度(媒体查询)进行编码时,缩放比例为50%。我没有注意到,我将投资组合调整为1300px,1500px,1800px和大于1801px。而且输出很好。

仅完成后,我意识到浏览器的缩放级别为50%。当我将缩放级别提高到100%时,一切都变得越来越笨拙(见预期)。

我只想知道是否必须将整个代码更改为100%缩放级别????我的天啊 !!!!这是一个繁琐的任务。

请说“您不需要做那个孩子,还有另一种方法!!!!” 如果你们这么说我会更快乐的

2 个答案:

答案 0 :(得分:0)

@media and (max-width: 1800px) and (min-width: 1300px){
html{
min-width: 100%;
}
   }
这可能会有所帮助。

答案 1 :(得分:0)

要做您想做的事,只需更改那里的设备。 enter image description here

要执行您想要的操作,请单击“检查”,然后单击元素旁边的小电话图标。然后,如果再往左走,您将看到可以更改的设备宽度和高度。您还可以更改百分比。