我犯了一个可怕的错误。我已经构建了一个完整的网站而没有让它响应。是否有任何快速简便的方法可以使整个网站响应,所以在横向模式下它看起来就像我在台式计算机上的网站?我是一名印刷设计师,但你可以看到网站不是很好,但我真的不想重新开始整个网站。
也许媒体查询比例?所以整个网站看起来只是更小,适合屏幕?
提前致谢
答案 0 :(得分:3)
尝试使用CSS @media Rule,并相应地指定您的样式。
答案 1 :(得分:2)
您可以查看可帮助您执行此操作的插件。 RestiveJS就是一个例子。
答案 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