簡體   English   中英

如何在不同的屏幕分辨率下停止div調整大小

[英]How to stop div resizing for different screen resolution

這是一個wordpress網站,我有文本框,此文本框的高度根據屏幕分辨率而變化,因此創建了ID換行,仍根據屏幕調整大小,誰能告訴我如何停止重新整理

我的CSS

 #wrap{

    height: 630px !important;

    }

<div id="wrap">
<div style="font-size: 60px; color: #399bc8; font-family: IBM Plex serif;"><strong>01</strong></div>
[fusion_separator style_type="default" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" sep_color="rgba(98,57,189,0)" top_margin="" bottom_margin="48px" border_size="" icon="" icon_circle="" icon_circle_color="" width="" alignment="center"][/fusion_separator]
<div style="font-size: 40px; color: #3f4143; font-family: IBM Plex serif;">Events</div>
[fusion_separator style_type="default" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" sep_color="rgba(98,57,189,0)" top_margin="" bottom_margin="30px" border_size="" icon="" icon_circle="" icon_circle_color="" width="" alignment="center"][/fusion_separator]
<div style="color: #3f4143;">
<ul>
    <li>Get trained on the hospitality industry prior to attending</li>
    <li>Identify key projects and associated project stakeholders – Client, Operator, Consultants, Architects and Interior Designers</li>
    <li>Meet the active Hospitality stakeholders with projects for 2019-2021</li>
    <li>Spend your Marketing budget wisely</li>
</ul>
</div>
<div>[fusion_separator style_type="default" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" sep_color="rgba(98,57,189,0)" top_margin="" bottom_margin="10px" border_size="" icon="" icon_circle="" icon_circle_color="" width="" alignment="center"][/fusion_separator]</div>
[fusion_button link="https://thehospitalitynetwork.com/how-it-works/" text_transform="" title="" target="_self" link_attributes="" alignment="" modal="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="buttonnospan" id="" color="custom" button_gradient_top_color="#ffffff" button_gradient_bottom_color="#ffffff" button_gradient_top_color_hover="#399bc8" button_gradient_bottom_color_hover="#399bc8" accent_color="#399bc8" accent_hover_color="" type="" bevel_color="" border_width="2" size="" stretch="default" shape="square" icon="" icon_position="left" icon_divider="no" animation_type="" animation_direction="left" animation_speed="0.3" animation_offset=""]View More[/fusion_button]

</div>

嘗試將div高度放入其媒體查詢中,以調整特定屏幕的大小。 那么,對div的全局定義是否帶有高度? 這將是默認高度,當屏幕未調整大小時會使用該默認高度嗎?

您必須為文本框設置此==> overflow-x:scroll; 並設置固定高度或#wrap

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM