html - 响应式网站,将正文设置为设备宽度
问题描述
我希望页面的正文具有响应性,以便用户在移动网站上轻松阅读。但是当我使用这行代码时。我得到这个烂摊子。有什么建议么?
<meta name="viewport" content="width=device-width">
提前致谢!
解决方案
<!-- Try in this way it may help You --->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background-color: yellow;
}
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
</style>
</head>
推荐阅读
- python - 如何在另一台服务器上的另一个 virtualenv 环境中运行 django 文件?
- html - 在上述列具有偏移量的 boostrap 行下方对齐内容
- javascript - 支付成功后如何调用函数?在角
- ios - NotificationSendingSplitViewcontroller,它是干什么用的?
- python - 优化此功能--numpy广播问题
- php - 我想在 php 中回显所有具有相同用户 ID 的类名
- docusignapi - 嵌入式签名欧盟合格 IDnow TSP:更改签名者的电子邮件地址而无需重新识别?
- java - 使用 Spring MVC 无法同时正确打印 ArrayList 和 HTML 中的表单
- kubernetes - helm 无法在 AKS 中列出版本
- model - 仅包含几何图形的 3D 模型文件格式