Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何为1600x900分辨率和其他分辨率设置响应性设计?_Html_Css - Fatal编程技术网

Html 如何为1600x900分辨率和其他分辨率设置响应性设计?

Html 如何为1600x900分辨率和其他分辨率设置响应性设计?,html,css,Html,Css,好的,我设计了我喜欢的网页。最后当然,我是在分辨率为1366x768的Chromebook上设计的。所以当我看我的1600x900分辨率的电脑时,一切都被提升了。如何使用响应式设计使我的网页在1600x900分辨率上与1366x768分辨率上的外观相同?这只是一个例子。我最终想为手机设置我的网站的格式,但现在,我专注于笔记本电脑和台式机的分辨率。非常感谢您的帮助,我被难住了。如果您没有使用框架,例如引导,那么您必须使用CSS的媒体查询,这将允许您根据输出设备屏幕的大小使用特定的CSS属性。您可以

好的,我设计了我喜欢的网页。最后当然,我是在分辨率为1366x768的Chromebook上设计的。所以当我看我的1600x900分辨率的电脑时,一切都被提升了。如何使用响应式设计使我的网页在1600x900分辨率上与1366x768分辨率上的外观相同?这只是一个例子。我最终想为手机设置我的网站的格式,但现在,我专注于笔记本电脑和台式机的分辨率。非常感谢您的帮助,我被难住了。

如果您没有使用框架,例如引导,那么您必须使用CSS的媒体查询,这将允许您根据输出设备屏幕的大小使用特定的CSS属性。您可以在Mozilla开发者网络上阅读清楚的解释。 学习使用它们这不是一个坏主意,但是实现响应式设计最流行的方法是使用Twitter引导。当然,你需要阅读很多,但是有很多关于如何使用框架的教程,一旦你熟悉了网格系统和它的一些类,你就可以很容易地使你的站点响应。 可以找到官方的引导站点和文档。
就我个人而言,我建议您使用Bootstrap,因为它提供了很多功能,而不必从头做起。

此链接可能对您正在寻找的内容有用。
您可以根据自己的需要使用此技术

您可以添加代码吗..这样可以更深入地了解您要实现的目标