我可以根据屏幕尺寸制作HTML标签吗?

时间:2015-08-01 03:38:54

标签: javascript jquery html css

当我调整页面大小时,我在Safari中查看了一些代码并且看起来不太好。我需要重新设计它,并使用媒体标签我添加了另一个样式表。它看起来现在看起来更好但是仍然有一些页面看起来不太好,我可以用html轻松修复。当我添加html时,页面开始看起来更好但是当我使浏览器整页看起来很奇怪时。有没有办法根据屏幕尺寸使html标签工作?我正在寻找像链接样式表时使用的“媒体”标签。如果有帮助的话,我的网站上也有JavaScript和jQuery,但就是这样。

2 个答案:

答案 0 :(得分:1)

你可以用这个

 @media

示例这仅适用于500px或更高的宽度

@media (min-width:500px)
{
    /*Class name*/
    {
      /*properties*/
    }
}

类似地,您可以指定最大宽度但是为了节省时间,您应该使用与jQuery兼容的流行框架bootstrap

答案 1 :(得分:0)

如果您希望html标签基于屏幕大小工作,那么您需要处理响应式CSS,或者您可以使用任何框架,如bootstrap或基础更多可用于html和css,您可以获得html的可见性类< / p>