انجمن


ریسپانسیو شدن وبسایت در موبایل  (۱ نوشته)

  • metaler-soad

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱
    # نوشته شده: ۱۰ سال پیش
    ۷ اسفند ۱۳۹۲ - ۱۷:۲۱

    سلام بنده یه مشکلی دارم
    این سایتم
    http://www.rosepack.com
    وقتی در موبایل باز میشه در حالت ویندوزی هست که باید اسکرول بخوره از طول و عرض
    من میخوام که این حالت نباشه
    می خوام از عرض فیت صفحه بشه در هر موبایلی و یک سری کد مدیا هم تو فایل css بود که اینجا براتون کپی میکنم
    لطفا کمکم کنید چون باید این سایت رو هر چه زودتر تحویل بدم
    این کدهای css:
    @media only screen and ( max-width: 960px) {/*
    #et-search, p#et-search-title, p#et-search-title span { background: none !important; }
    #et-search { width: auto !important; height: auto !important; }
    #et-search-inner { padding: 0 !important; }
    #et-search-right { float: none !important; clear: both; text-align: left !important; }
    #et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
    p#et-search-title span { padding: 0 !important; color: #111 !important; text-shadow: none !important; }

    .et_pt_portfolio_overlay { display: none !important; }
    */}

    /*@media only screen and ( min-width: 768px) and ( max-width: 960px) {
    .container, .slides span.overlay { width: 728px; }
    p.flex-caption { width: 651px; }
    .et_slider_slide p.flex-caption { padding-bottom: 44px; }
    #featured_shadow { background-position: 0 -1351px; }
    #top-menu-shadow, #bottom-quote-shadow { background-position: 0 -1380px; }
    #bottom-menu-shadow, #top-quote-shadow, #divider .container div, #footer-top-shadow { background-position: 0 -80px; }
    .slides span.overlay { background-position: 0 -813px; height: 279px; }

    فقط یه نکته من کد مدیا دوم رو کامنت کردم تا در موبایل به صورت ویندوزی باز بشه اگه از کامنت درش بیارم به حالت موبایلی که در خود قالب هست میره که نمی خوام اینجوری باشه

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.