基于基宽的CSS缩放

时间:2018-04-09 09:08:05

标签: css responsive meta-tags initial-scale

我知道有几种方法可以扩展我的网站。但我甚至找不到一种基于基本宽度来扩展页面的智能方法。 比如说,我已针对特定宽度优化了我的移动网站,并针对所有其他宽度优化了网页缩放。我可以将基本宽度设置为640px - 如果访问者视口是640px,则元素不会缩放。如果访问者视口是1000ox,则元素应按因子1.5625(1000px / 640px)缩放。什么是实现这一目标的聪明方法。是的,我可以运行JS来获取视口并计算宽度,但我更喜欢CSS解决方案 - 比如在类中设置参数和乘以宽度。 谢谢和问候:)

1 个答案:

答案 0 :(得分:0)

这是一个你应该考虑在css中使用的内容列表。

媒体查询:这些可以帮助您将固定宽度调整为用户所需的大小。

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

使用百分比:通过使用百分比而不是固定宽度,您应用它的对象会调整到用户的屏幕。

https://www.w3schools.com/cssref/pr_dim_width.asp

使用min-width& max-width :这允许您设置最小或最大宽度,它可以帮助您更轻松地将网站调整为使用的屏幕尺寸。

https://www.w3schools.com/cssref/pr_dim_min-width.asp https://www.w3schools.com/cssref/pr_dim_max-width.asp

我希望能帮到你一点点:)

这是一个很好的选择:https://www.w3schools.com/cssref/playit.asp?filename=playcss_width&preval=50%25