【问题标题】:How to open full version of the site that was built on Django?如何打开基于 Django 构建的完整版网站?
【发布时间】:2020-10-18 22:37:09
【问题描述】:

我有我的第一个基于 Django 3 的网站。我用 PC 打开它时很好,但是当我用手机打开时,它以移动版本打开并压缩了所有视觉内容,所以看起来很糟糕。如何将其作为完整版打开?

【问题讨论】:

  • 许多移动浏览器允许您将网站作为桌面版本查看。试着找到这个按钮?您使用的是哪个应用程序?
  • 没有这样的按钮,因为我没有为我的网站(任何浏览器)制作它。无论如何,我希望它每次都打开完整版
  • 您的网站不需要按钮。浏览器随按钮一起安装。

标签: html django web


【解决方案1】:

这不是 django 的问题。创建网站时,您使用 HTML 来告诉浏览器在哪里可以找到您需要的内容。这是一个例子:

<p> Some text here... </p>
<img src="someimage.jpg">

如您所见,我们有一些文字和一张图片。我们告诉浏览器我们网站的内容是什么。

通过 CSS(层叠样式表)我们样式我们的内容。这意味着我们要告诉浏览器 HTML 应该如何看起来。为此,我们使用规则。这是一个例子:

HTML:

<p class="text"> Some text here... </p>

CSS:

.text{
   font-size:12px,
}

我们设置了一个规则,告诉浏览器以下内容:“具有名为textclass 属性的每个元素的字体大小应为12 像素。

就像我们这样做一样,我们也可以为移动设备设置规则。它应该说以下内容:“如果当前屏幕的宽度小于 920 像素(移动宽度),则将段落涂成红色”。翻译过来是这样的:

@media (max-width: 920px) {
  p{
     color: red;
  }
}

这些称为媒体查询。当然,有很多方法可以让你的内容适应更小的屏幕,比如 flexbox。如果您使用的是引导程序,请查看this 链接。

【讨论】:

    【解决方案2】:

    这种响应行为由 CSS 文件(静态文件)中的媒体查询管理 https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    我们需要查看一些代码来提供帮助。

    如果只需要像在桌面上一样查看您的网站,移动浏览器通常具有“以桌面方式查看”功能

    【讨论】:

    猜你喜欢
    • 2012-07-31
    • 1970-01-01
    • 1970-01-01
    • 2012-11-11
    • 2018-08-20
    • 2017-01-05
    • 2014-11-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多