尽可能轻松地使无响应的网站响应?

时间:2015-03-26 09:22:57

标签: javascript html css css3 responsive-design

我犯了一个可怕的错误。我已经构建了一个完整的网站而没有让它响应。是否有任何快速简便的方法可以使整个网站响应,所以在横向模式下它看起来就像我在台式计算机上的网站?我是一名印刷设计师,但你可以看到网站不是很好,但我真的不想重新开始整个网站。

也许媒体查询比例?所以整个网站看起来只是更小,适合屏幕?

提前致谢

3 个答案:

答案 0 :(得分:3)

尝试使用CSS @media Rule,并相应地指定您的样式。

答案 1 :(得分:2)

您可以查看可帮助您执行此操作的插件。 RestiveJS就是一个例子。

http://restivejs.com

答案 2 :(得分:0)

对于未来:实现@media规则的最简单方法是使用em而不是像素。

http://www.w3schools.com/cssref/css_units.asp

  

em 相对于元素的字体大小(2em表示2倍   当前字体的大小)

如果您希望自己的网站适应屏幕尺寸,只需使用

即可
@media all and (max-width: 768px) { // ipad width in portrait 
    body {font-size: 0.7em}
}

如果您使用em代替px