linux Blazor客户端:一切都是小的移动的

wj8zmpe1  于 5个月前  发布在  Linux
关注(0)|答案(3)|浏览(57)

我在网上发布了我的应用程序来测试它。在计算机上运行良好,但在移动的上,一切都很小。我可以通过使用DevTools和响应模式重现这个bug。本地没有bug,但只有在Linux服务器上。我只是在Visual Studio中发布了项目,并将文件复制到服务器上(CentOS-7,Apache/2.4.6)(在Debian上也有同样的bug)。我还在/etc/httpd/conf.d中添加了一个blazorapp.conf配置文件:

<VirtualHost *:80>
    ServerName my.website.com

    DocumentRoot "/var/www/blazorapp"
    ErrorDocument 404 /index.html

    AddType application/wasm .wasm
    AddType application/octet-stream .dll

    <Directory "/var/www/blazorapp">
        Options -Indexes
        AllowOverride None
    </Directory>

    <IfModule mod_deflate.c>
        AddOutputFilterByType DEFLATE text/css
        AddOutputFilterByType DEFLATE application/javascript
        AddOutputFilterByType DEFLATE text/html
        AddOutputFilterByType DEFLATE application/octet-stream
        AddOutputFilterByType DEFLATE application/wasm
        <IfModule mod_setenvif.c>
      BrowserMatch ^Mozilla/4 gzip-only-text/html
      BrowserMatch ^Mozilla/4.0[678] no-gzip
      BrowserMatch bMSIE !no-gzip !gzip-only-text/html
  </IfModule>
    </IfModule>

    ErrorLog /var/log/httpd/blazorapp-error.log
    CustomLog /var/log/httpd/blazorapp-access.log common
</VirtualHost>

字符串
以下是它应该如何:
x1c 0d1x的数据
以及它是如何与移动的版本:


fzsnzjdm

fzsnzjdm1#

这很可能是一个标题问题。在页面的<head>部分,你需要这样的东西:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
我有点惊讶,它还没有设置,因为我很确定默认的Blazor项目包括这一点。

5kgi1eie

5kgi1eie2#

我发现了这个问题。我的网站是在一个私人服务器上,外部端口不是在端口80或443上。移动终端使用计算机视图而不是移动视图(为了安全?)。也许有人可以给予一个更清楚的答案,然后我(不知道很多关于谷歌)。

qvsjd97n

qvsjd97n3#

如果这是Blazor Server站点,请转到_Host.cshtml并添加以下内容:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

字符串

相关问题