مشکل HTML
سلام من یک نقشه با خاصیت svg ساختم حالا می خوام چندتا تصویر gif به عنوان آیکون روی این نقشه قرار بدم و با استفاده از تگ position و خاصیت relative این کارو انجام دادم حالا فقط یک مشکل دارم و اونم این که وقتی صفحه زوم یا زوم بک می شه بعضی از این تصاویر جابه جا می شن و سر جاشون وای نمی ستن کسی می تونه کمک کنه ترجیحا اگه با جاوا اسکریپت کمک بشه مطمئن تره
ممنونم
پاسخ ها ( 3 )
سلام
باید به صورت ریسپانسیو طراحی کنید …
سلام
شما وقتی از قابلیت position استفاده می کنی ایکون شما در واقع یه فاصله مشخصی از اطراف صفحه می گیره
یه راهی که داری اینه که توی همون فایل svg که داری ایکون ها رو قرار بدی یا با تگ <defs> خودت ایکون ها رو طراحی کنی
یه راه دیگش هم اینه که برای نمایشگر های مختلف کد های مختلف css بذاری برای ابن کار از @media استفاده کن
در هر صورت از JavaScript سعی کن استفاده نکنی توی اکثر موارد یا ساپورت نمیشه یا اون طوری که باید ساپورت نمیشه