مشکل HTML

سوال

سلام من یک نقشه با خاصیت svg ساختم حالا می خوام چندتا تصویر gif به عنوان آیکون روی این نقشه قرار بدم و با استفاده از تگ position و خاصیت relative این کارو انجام دادم حالا فقط یک مشکل دارم و اونم این که وقتی صفحه زوم یا زوم بک می شه بعضی از این تصاویر جابه جا می شن و سر جاشون وای نمی ستن کسی می تونه کمک کنه ترجیحا اگه با جاوا اسکریپت کمک بشه مطمئن تره

ممنونم

 

در حال بررسی 0
, ۱۳۹۹/۳/۸ ۱۸:۴۹:۲۲ 3 پاسخ کاربر تازه 0

پاسخ ها ( 3 )

    0
    ۱۳۹۹/۳/۹ ۱۱:۰۱:۵۳

    سلام

    باید به صورت ریسپانسیو طراحی کنید …

    0
    ۱۳۹۹/۳/۲۰ ۲۰:۱۰:۲۸

    سلام

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

    یه راهی که داری اینه که توی همون فایل svg که داری ایکون ها رو قرار بدی یا با تگ <defs> خودت ایکون ها رو طراحی کنی

    یه راه دیگش هم اینه که برای نمایشگر های مختلف کد های مختلف css بذاری برای ابن کار از @media استفاده کن

    0
    ۱۳۹۹/۳/۲۰ ۲۰:۱۳:۱۲

    در هر صورت از JavaScript سعی کن استفاده نکنی توی اکثر موارد یا ساپورت نمیشه یا اون طوری که باید ساپورت نمیشه

ارسال یک پاسخ