如何在没有 Bootstrap 的情况下使网站(仅使用 HTML 和 CSS 制作)适合移动设备的大小?
我尝试在 HTML 中使用以下标签:-
meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"
我想知道我是否也必须用 CSS 编写代码来帮助实现我的目标。
提前致谢!
最佳答案
要使您的网站缩放到显示它的设备的实际宽度,您需要相应地缩放页面元素。
例如,如果您没有指定图片的宽度,它将始终以全宽显示。
您需要缩放所有元素,以便它们的总和不会比站点的站点视口(viewport)更宽(也可能更高)。因此,您绝对需要使用 CSS。
因为这很困难,所以存在像 Bootstrap 这样的框架。
关于html - 适合手机大小的网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39142317/