做一些浏览器自动调整内容大小?

时间:2014-02-15 09:29:03

标签: html css google-chrome

我已经完成了我的第一个网站,为不同的屏幕尺寸调整了大小。 我已经阅读了如何做到这一点,但在开始之前我想知道某些浏览器(例如chrome for windows 8)是否会自动调整内容以适应屏幕?

我在20英寸的屏幕上构建了我的网站,但当我在我的11.6英寸笔记本电脑(镀铬版)上查看时,该页面完全适合页面。然而,将它加载到一个旧的方形17英寸显示器上,并将它翻转为巨大的,你必须滚动不停止才能到达任何地方。在其他浏览器中将其加载到我的笔记本电脑上也是如此。

因此,如果我创建一个具有较小属性的CSS文件并运行媒体查询,我是否有可能缩小已完全适合Chrome的页面?

2 个答案:

答案 0 :(得分:3)

听起来你正在使用低分辨率的旧17英寸屏幕。

由于每英寸像素较少,所以一切都显得更大。

检查每个屏幕的显示分辨率,你应该明白我的意思。

答案 1 :(得分:1)

欢迎来到开发人员生活。

如果您想要明确回答您的问题,您必须编写示例代码。

可能性是:

为包装器div提供固定的宽度或百分比。如果您想使用响应,那么您可以使用媒体查询。

或者你可以从像bootstrap 3这样的框架开始。

http://getbootstrap.com/