Question

我的网页没有任何CSS或文本格式，但是列文本确实很大，而且在最坏的地方也是如此。

services.AddAuthentication(AzureADDefaults.AuthenticationScheme)
      .AddAzureAD(options =>
      {
          Configuration.Bind("AzureAd", options);
      });

services.Configure<OpenIdConnectOptions>(AzureADDefaults.OpenIdScheme, options =>
  {
       options.Authority = options.Authority + "/v2.0/";
       options.TokenValidationParameters.NameClaimType = "preferred_username";

       // Handling the sign-out
       options.Events.OnRedirectToIdentityProviderForSignOut = async context =>
       {
           var user = context.HttpContext.User as ClaimsPrincipal;
           string displayName = user.FindFirstValue("preferred_username");

           // Avoid displaying the select account dialog
           context.ProtocolMessage.LoginHint = displayName;
           context.ProtocolMessage.DomainHint = "organizations";
           await Task.FromResult(0);
        };
   });

我没有足够的代表，所以我无法发布屏幕截图

感谢您的帮助

Answer 1

我可能是听错了。

您的代码似乎缺少meta标记。将此添加到您的head标记中：

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

那么您就很好了。

希望有帮助。干杯！

Answer 2

为您的td设置宽度，否则它将占用所有可以自由占用的空间。

function getType() {

                var items;
                if ('@ViewBag.x' == "1") {
                    items = ["1", "3", "3", "4"];
                }               
                for (var i in items) {
                    $('#mySelect').append($('<option>', { value: i, text: items[i] })) 
                }
            }

<div runat="server" class="input-group m-input-group">
 <select id="mySelect" name="mySelect" class="form-control m-select2 m-select2-general" style="width:100%">
 </select>
 </div>

Answer 3

少量CSS可以解决此问题。 calc函数可能特别有用：

    $products_array = array(
    "product"=>array(
        "title"=> "title",
        "body_html"=> "description",
        "vendor"=> "vendor",
        "product_type"=> "type",
        "published"=> false ,
        "variants" => array
        (
            array
            (
                "price" => 15.00,
            )
        ),
        "images" => array(
            array(
                "src" => "https://example.com/wp-content/uploads/2019/06/PIC2-3.jpg",
            )
        )
    )
);

th{
    width: calc(100%/6);
}

表格的一列中的文字大小确实很大，其他列中的文字大小却很小

3 个答案: