Css 达到一定大小时网站设置宽度

Css 达到一定大小时网站设置宽度,css,web,window,width,Css,Web,Window,Width,嘿,伙计们,我是css网页开发的初学者。我的网站宽度有问题: 我设置为我的页面将占据70%的屏幕:max:70%。当我减小窗口的大小时,我想将它设置为100%,当它达到一定的大小时,比如600像素。我怎么能意识到这一点 我认为您正在寻找css媒体查询,这些查询通常用于使网页具有响应性。 如果是这种情况,答案很简单,您只需为将执行此任务的正文部分指定一个媒体查询 下面的链接详细介绍了媒体查询的概念,请查看 .科{ 宽度:70vw; 高度:200px; 背景色:000; 保证金:自动; 颜色:ff

嘿,伙计们,我是css网页开发的初学者。我的网站宽度有问题: 我设置为我的页面将占据70%的屏幕:max:70%。当我减小窗口的大小时,我想将它设置为100%,当它达到一定的大小时,比如600像素。我怎么能意识到这一点


我认为您正在寻找css媒体查询,这些查询通常用于使网页具有响应性。 如果是这种情况,答案很简单,您只需为将执行此任务的正文部分指定一个媒体查询

下面的链接详细介绍了媒体查询的概念,请查看

.科{ 宽度:70vw; 高度:200px; 背景色:000; 保证金:自动; 颜色:fff; 文本对齐:居中; } @仅介质屏幕,最大宽度:600px{ .科{ 宽度:100vw; } } 你好,世界
欢迎来到堆栈溢出!希望您至少尝试自己编写此代码。我建议你做一些,或者通过谷歌,或者通过搜索,尝试一下。如果您仍然有问题,请返回您的代码并解释您尝试过的内容。媒体查询教程->CSS媒体查询将解决您的问题,@McRaZick已经提到了媒体查询及其教程,为了完整性,这是您需要的代码body{width:70%}@Media only screen和max width:600px{body{width:100%;}好的,谢谢大家。我做了一些研究,但找不到任何相关的答案。css媒体查询就是解决方案。非常感谢!