我已经完成了我的第一个网站,为不同的屏幕尺寸调整了大小。 我已经阅读了如何做到这一点,但在开始之前我想知道某些浏览器(例如chrome for windows 8)是否会自动调整内容以适应屏幕?
我在20英寸的屏幕上构建了我的网站,但当我在我的11.6英寸笔记本电脑(镀铬版)上查看时,该页面完全适合页面。然而,将它加载到一个旧的方形17英寸显示器上,并将它翻转为巨大的,你必须滚动不停止才能到达任何地方。在其他浏览器中将其加载到我的笔记本电脑上也是如此。
因此,如果我创建一个具有较小属性的CSS文件并运行媒体查询,我是否有可能缩小已完全适合Chrome的页面?
答案 0 :(得分:3)
听起来你正在使用低分辨率的旧17英寸屏幕。
由于每英寸像素较少,所以一切都显得更大。
检查每个屏幕的显示分辨率,你应该明白我的意思。
答案 1 :(得分:1)
欢迎来到开发人员生活。
如果您想要明确回答您的问题,您必须编写示例代码。
可能性是:
为包装器div提供固定的宽度或百分比。如果您想使用响应,那么您可以使用媒体查询。
或者你可以从像bootstrap 3这样的框架开始。