{"id":37654,"date":"2025-03-19T11:30:40","date_gmt":"2025-03-19T08:00:40","guid":{"rendered":"https:\/\/www.persiantools.com\/more\/?p=37654"},"modified":"2025-03-16T11:51:00","modified_gmt":"2025-03-16T08:21:00","slug":"%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88","status":"publish","type":"post","link":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/","title":{"rendered":"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648"},"content":{"rendered":"<p>\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u0648\u0646\u062f \u06a9\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0627\u06cc\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u0641\u0647\u0648\u0645 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 (Responsive Web Design) \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627 \u0648 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u062e\u0648\u0627\u0647\u06cc\u0645 \u067e\u0631\u062f\u0627\u062e\u062a.<\/p>\n<h3>1. \u0634\u0631\u0648\u0639 \u0628\u0627 \u0637\u0631\u0627\u062d\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0648\u0644 (Mobile First)<\/h3>\n<p>\u0645\u0641\u0647\u0648\u0645 \u00ab\u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0648\u0644\u00bb \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647 \u0627\u0628\u062a\u062f\u0627 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc <a href=\"https:\/\/www.persiantools.com\/more\/category\/%d9%81%d9%86%d8%a7%d9%88%d8%b1%db%8c-%d8%aa%da%a9%d9%86%d9%88%d9%84%d9%88%da%98%db%8c\/%d9%85%d9%88%d8%a8%d8%a7%db%8c%d9%84\/\">\u0645\u0648\u0628\u0627\u06cc\u0644<\/a> \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u0633\u067e\u0633 \u0628\u0647 \u062a\u062f\u0631\u06cc\u062c \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0645\u0627\u0646\u0646\u062f \u062a\u0628\u0644\u062a\u200c\u0647\u0627 \u0648 \u062f\u0633\u06a9\u062a\u0627\u067e\u200c\u0647\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627 \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0627\u0628\u062a\u062f\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0628\u0647\u06cc\u0646\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0633\u067e\u0633 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0646\u062f\u0627\u0632\u0647 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u060c \u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a \u0628\u0647\u0628\u0648\u062f \u0645\u06cc\u200c\u06cc\u0627\u0628\u062f.<\/p>\n<ul>\n<li class=\"entry-header\"><a href=\"https:\/\/www.persiantools.com\/more\/article\/%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%d8%ac%d8%a7%d9%85%d8%b9-%d8%b4%d8%b1%d9%88%d8%b9-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d9%88%d8%a8\/\" rel=\"bookmark\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628<\/a><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37661 size-large\" src=\"https:\/\/more.persiantools.com\/2025\/01\/Responsive-web-design-compared-to-Mobile-first-design-780x497.jpeg\" alt=\"\" width=\"780\" height=\"497\" srcset=\"https:\/\/more.persiantools.com\/2025\/01\/Responsive-web-design-compared-to-Mobile-first-design-780x497.jpeg 780w, https:\/\/more.persiantools.com\/2025\/01\/Responsive-web-design-compared-to-Mobile-first-design-400x255.jpeg 400w, https:\/\/more.persiantools.com\/2025\/01\/Responsive-web-design-compared-to-Mobile-first-design.jpeg 882w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>2. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062f\u06cc\u0627 \u06a9\u0648\u0626\u0631\u06cc\u200c\u0647\u0627 (Media Queries)<\/h3>\n<p>\u0645\u062f\u06cc\u0627 \u06a9\u0648\u0626\u0631\u06cc\u200c\u0647\u0627 \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u062f\u0631 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0647\u0633\u062a\u0646\u062f. \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc <strong>CSS<\/strong> \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u062f\u0633\u062a\u06af\u0627\u0647\u060c \u0645\u0627\u0646\u0646\u062f \u0639\u0631\u0636 \u0635\u0641\u062d\u0647\u060c \u0627\u0631\u062a\u0641\u0627\u0639\u060c \u062c\u0647\u062a \u0635\u0641\u062d\u0647 (\u0639\u0645\u0648\u062f\u06cc \u06cc\u0627 \u0627\u0641\u0642\u06cc) \u0648 \u0646\u0648\u0639 \u062f\u0633\u062a\u06af\u0627\u0647 (\u0645\u0648\u0628\u0627\u06cc\u0644\u060c \u062a\u0628\u0644\u062a\u060c \u062f\u0633\u06a9\u062a\u0627\u067e) \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0645\u062f\u06cc\u0627 \u06a9\u0648\u0626\u0631\u06cc\u200c\u0647\u0627\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0631\u0627\u06cc \u0647\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u062a\u0639\u0631\u06cc\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37657 size-large\" src=\"https:\/\/more.persiantools.com\/2025\/01\/Media-Queries-780x408.png\" alt=\"\" width=\"780\" height=\"408\" srcset=\"https:\/\/more.persiantools.com\/2025\/01\/Media-Queries-780x408.png 780w, https:\/\/more.persiantools.com\/2025\/01\/Media-Queries-400x209.png 400w, https:\/\/more.persiantools.com\/2025\/01\/Media-Queries.png 1200w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<h3>3. \u0637\u0631\u0627\u062d\u06cc \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 (Flexible Layouts)<\/h3>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u06a9\u0647 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0633\u0627\u0632\u06af\u0627\u0631 \u0634\u0648\u0646\u062f\u060c \u0627\u0632 \u0637\u0631\u0627\u062d\u06cc\u200c\u0647\u0627\u06cc \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u06cc\u0646 \u0637\u0631\u0627\u062d\u06cc\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0646\u0633\u0628\u06cc \u0645\u0627\u0646\u0646\u062f \u062f\u0631\u0635\u062f (%)\u060c <strong>vw<\/strong> (\u0648\u0627\u062d\u062f \u0639\u0631\u0636 \u0635\u0641\u062d\u0647) \u0648 <strong>vh<\/strong> (\u0648\u0627\u062d\u062f \u0627\u0631\u062a\u0641\u0627\u0639 \u0635\u0641\u062d\u0647) \u0628\u0647 \u062c\u0627\u06cc \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u062b\u0627\u0628\u062a \u0645\u0627\u0646\u0646\u062f \u067e\u06cc\u06a9\u0633\u0644 (px) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u062f\u0631 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0641\u062d\u0647 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f.<\/p>\n<ul>\n<li class=\"entry-header\"><a href=\"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d8%b1%d8%b1%d8%b3%db%8c-%d9%88%db%8c%da%98%da%af%db%8c-%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa-%da%a9%d8%b3%d8%a8-%d9%88-%da%a9%d8%a7%d8%b1-%d8%ad%d8%b1%d9%81%d9%87-%d8%a7%db%8c\/\" rel=\"bookmark\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u06cc\u06a9 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/a><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37658 size-large\" src=\"https:\/\/more.persiantools.com\/2025\/01\/Flexible-Layouts-780x410.png\" alt=\"\" width=\"780\" height=\"410\" srcset=\"https:\/\/more.persiantools.com\/2025\/01\/Flexible-Layouts-780x410.png 780w, https:\/\/more.persiantools.com\/2025\/01\/Flexible-Layouts-400x210.png 400w, https:\/\/more.persiantools.com\/2025\/01\/Flexible-Layouts.png 800w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>4. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648<\/h3>\n<p>\u062a\u0635\u0627\u0648\u06cc\u0631 \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u062c\u0632\u0627\u06cc \u0627\u0635\u0644\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0638\u0648\u0631\u060c \u0628\u0627\u06cc\u062f \u0627\u0632 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0628\u0647 \u0635\u0648\u0631\u062a \u0628\u0647\u06cc\u0646\u0647 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0634\u062f\u0647 \u0648 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u062f\u0647\u0646\u062f.<\/p>\n<ul>\n<li><strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc srcset:<\/strong> \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0646\u0633\u062e\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0627\u0632 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0627\u06cc\u0646 \u062a\u0631\u062a\u06cc\u0628\u060c \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u06cc\u06a9 \u062f\u0633\u062a\u06af\u0627\u0647 \u0628\u0627 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06a9\u0648\u0686\u06a9 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0648\u0686\u06a9\u062a\u0631\u06cc \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n<li><strong>\u0648\u06cc\u0698\u06af\u06cc<\/strong> <strong>picture:<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628\u200c\u062a\u0631 \u0628\u0633\u062a\u0647 \u0628\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06af \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37660 size-large\" src=\"https:\/\/more.persiantools.com\/2025\/01\/CSS-responsive-780x439.jpg\" alt=\"\" width=\"780\" height=\"439\" srcset=\"https:\/\/more.persiantools.com\/2025\/01\/CSS-responsive-780x439.jpg 780w, https:\/\/more.persiantools.com\/2025\/01\/CSS-responsive-400x225.jpg 400w, https:\/\/more.persiantools.com\/2025\/01\/CSS-responsive-1200x675.jpg 1200w, https:\/\/more.persiantools.com\/2025\/01\/CSS-responsive.jpg 1280w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>5. \u0637\u0631\u0627\u062d\u06cc \u0628\u0627 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u06af\u0631\u06cc\u062f (CSS Grid) \u0648 \u0641\u0644\u06a9\u0633\u200c\u0628\u0627\u06a9\u0633 (Flexbox)<\/h3>\n<p>\u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u06af\u0631\u06cc\u062f \u0648 \u0641\u0644\u06a9\u0633\u200c\u0628\u0627\u06a9\u0633 \u062f\u0648 \u0627\u0628\u0632\u0627\u0631 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u062f\u0631 CSS \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u06a9\u0647 \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0645\u0646\u0639\u0637\u0641 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f. \u0647\u0631 \u062f\u0648 \u062a\u06a9\u0646\u06cc\u06a9 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u06a9\u0647 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u062f\u0631 \u0635\u0641\u062d\u0627\u062a \u0628\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0686\u06cc\u062f\u0645\u0627\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<ul>\n<li><strong>Flexbox:<\/strong> \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u200c\u0647\u0627\u06cc \u06cc\u06a9\u200c\u0628\u0639\u062f\u06cc (\u0627\u0641\u0642\u06cc \u06cc\u0627 \u0639\u0645\u0648\u062f\u06cc) \u0628\u0633\u06cc\u0627\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u0646\u0648\u0647\u0627\u06cc \u0639\u0645\u0648\u062f\u06cc \u06cc\u0627 \u0627\u0641\u0642\u06cc\u060c \u0641\u0631\u0645\u200c\u0647\u0627 \u0648 \u062f\u06cc\u06af\u0631 \u0627\u062c\u0632\u0627\u06cc \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<li><strong>CSS Grid:<\/strong> \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u200c\u0647\u0627\u06cc \u062f\u0648 \u0628\u0639\u062f\u06cc (\u0627\u0641\u0642\u06cc \u0648 \u0639\u0645\u0648\u062f\u06cc) \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0627\u0633\u062a. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0637\u0631\u062d\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u062a\u0631 \u0648 \u062f\u0642\u06cc\u0642\u200c\u062a\u0631\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f.<\/li>\n<li>\n<header class=\"entry-header\"><a href=\"https:\/\/www.persiantools.com\/more\/article\/%d9%85%d8%b2%d8%a7%db%8c%d8%a7-%d8%b3%d8%a7%d8%ae%d8%aa-%d8%a7%d9%88%d9%84%db%8c%d9%86-%d9%88%d8%a8%d8%b3%d8%a7%db%8c%d8%aa-%d8%b3%d8%a7%db%8c%d8%aa-%d8%b3%d8%a7%d8%b2-wix\/\" rel=\"bookmark\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0633\u0627\u062e\u062a \u0627\u0648\u0644\u06cc\u0646 \u0648\u0628\u0633\u0627\u06cc\u062a \u0628\u0627 \u0633\u0627\u06cc\u062a \u0633\u0627\u0632 Wix<\/a><\/header>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37659 size-large\" src=\"https:\/\/more.persiantools.com\/2025\/01\/CSS-Grids-780x439.jpg\" alt=\"\" width=\"780\" height=\"439\" srcset=\"https:\/\/more.persiantools.com\/2025\/01\/CSS-Grids-780x439.jpg 780w, https:\/\/more.persiantools.com\/2025\/01\/CSS-Grids-400x225.jpg 400w, https:\/\/more.persiantools.com\/2025\/01\/CSS-Grids-1200x675.jpg 1200w, https:\/\/more.persiantools.com\/2025\/01\/CSS-Grids.jpg 1280w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>6. \u062a\u0633\u062a \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a<\/h3>\n<p>\u067e\u0633 \u0627\u0632 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0637\u0631\u0627\u062d\u06cc \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\u060c \u062a\u0633\u062a \u0622\u0646 \u062f\u0631 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632 \u0627\u0645\u0631\u06cc \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0628\u0631\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<ul>\n<li><strong>DevTools \u062f\u0631 Chrome:<\/strong> \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0633\u062a \u06a9\u0646\u06cc\u062f.<\/li>\n<li><strong>BrowserStack:<\/strong> \u0627\u06cc\u0646 \u067e\u0644\u062a\u0641\u0631\u0645 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0627\u0646\u0648\u0627\u0639 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0648 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0622\u0646\u0644\u0627\u06cc\u0646 \u062a\u0633\u062a \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-37656 size-large\" src=\"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-780x520.jpg\" alt=\"\" width=\"780\" height=\"520\" srcset=\"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-780x520.jpg 780w, https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-400x267.jpg 400w, https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-1200x800.jpg 1200w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h5><strong>\u0646\u062a\u06cc\u062c\u0647\u200c\u06af\u06cc\u0631\u06cc<\/strong><\/h5>\n<p>\u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u06cc\u06a9\u06cc \u0627\u0632 \u0627\u0635\u0648\u0644 \u0636\u0631\u0648\u0631\u06cc \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u062f \u062a\u0627 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f \u06a9\u0647 \u0628\u0631 \u0631\u0648\u06cc \u062a\u0645\u0627\u0645 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627 \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0646\u0627\u0633\u0628\u060c \u0645\u0627\u0646\u0646\u062f \u0645\u062f\u06cc\u0627 \u06a9\u0648\u0626\u0631\u06cc\u200c\u0647\u0627\u060c \u062a\u0635\u0627\u0648\u06cc\u0631 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0648 \u0637\u0631\u0627\u062d\u06cc\u200c\u0647\u0627\u06cc \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u06cc\u062f \u0648 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f. \u0627\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u062a\u0627 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0647\u0645\u0648\u0627\u0631\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0632\u06cc\u0628\u0627 \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f \u0628\u0627\u0634\u062f.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u0648\u0646\u062f \u06a9\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0627\u06cc\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0645\u0641\u0647\u0648\u0645 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 (Responsive Web Design) \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0628\u0647 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627 \u0648 [&hellip;]<\/p>\n","protected":false},"author":206581,"featured_media":37656,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[986,1005,1004],"class_list":["post-37654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3","tag-986","tag-1005","tag-1004"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 - \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632<\/title>\n<meta name=\"description\" content=\"\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.persiantools.com\/more\/article\/\u0628\u0647\u062a\u0631\u06cc\u0646-\u0634\u06cc\u0648\u0647-\u0637\u0631\u0627\u062d\u06cc-\u0648\u0628-\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 - \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632\" \/>\n<meta property=\"og:description\" content=\"\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.persiantools.com\/more\/article\/\u0628\u0647\u062a\u0631\u06cc\u0646-\u0634\u06cc\u0648\u0647-\u0637\u0631\u0627\u062d\u06cc-\u0648\u0628-\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/persiantools\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-19T08:00:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@persiantools\" \/>\n<meta name=\"twitter:site\" content=\"@persiantools\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/\"},\"author\":{\"name\":\"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#\\\/schema\\\/person\\\/a47f79bddf90700637b0e16ef3d6885a\"},\"headline\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\",\"datePublished\":\"2025-03-19T08:00:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/\"},\"wordCount\":26,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/more.persiantools.com\\\/2025\\\/01\\\/future-of-responsive-web-design-12grids-scaled.jpg\",\"keywords\":[\"\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0633\u0627\u06cc\u062a\",\"\u062a\u0645\u067e\u0644\u06cc\u062a \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\",\"\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a\"],\"articleSection\":[\"\u062a\u0648\u0633\u0639\u0647 \u0648\u0628\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/\",\"url\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/\",\"name\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 - \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/more.persiantools.com\\\/2025\\\/01\\\/future-of-responsive-web-design-12grids-scaled.jpg\",\"datePublished\":\"2025-03-19T08:00:40+00:00\",\"description\":\"\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#primaryimage\",\"url\":\"https:\\\/\\\/more.persiantools.com\\\/2025\\\/01\\\/future-of-responsive-web-design-12grids-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/more.persiantools.com\\\/2025\\\/01\\\/future-of-responsive-web-design-12grids-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/article\\\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#website\",\"url\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/\",\"name\":\"\u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632\",\"description\":\"\u062f\u0631\u0628\u0627\u0631\u0647 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u060c \u0633\u0631\u0648\u06cc\u0633\u0647\u0627\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\u060c \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0628\u062f\u0627\u0646\u06cc\u0645\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#organization\",\"name\":\"PersianTools\",\"url\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/more.persiantools.com\\\/2017\\\/09\\\/persiantools-logo-amp.png\",\"contentUrl\":\"https:\\\/\\\/more.persiantools.com\\\/2017\\\/09\\\/persiantools-logo-amp.png\",\"width\":305,\"height\":60,\"caption\":\"PersianTools\"},\"image\":{\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/persiantools\",\"https:\\\/\\\/x.com\\\/persiantools\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.persiantools.com\\\/more\\\/#\\\/schema\\\/person\\\/a47f79bddf90700637b0e16ef3d6885a\",\"name\":\"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0605ba6fe52b6a24267323d64321a5be609b56f3fd89da6efe7a9c46979f7f88?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0605ba6fe52b6a24267323d64321a5be609b56f3fd89da6efe7a9c46979f7f88?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0605ba6fe52b6a24267323d64321a5be609b56f3fd89da6efe7a9c46979f7f88?s=96&d=mm&r=g\",\"caption\":\"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 - \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632","description":"\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.persiantools.com\/more\/article\/\u0628\u0647\u062a\u0631\u06cc\u0646-\u0634\u06cc\u0648\u0647-\u0637\u0631\u0627\u062d\u06cc-\u0648\u0628-\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\/","og_locale":"fa_IR","og_type":"article","og_title":"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 - \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632","og_description":"\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f","og_url":"https:\/\/www.persiantools.com\/more\/article\/\u0628\u0647\u062a\u0631\u06cc\u0646-\u0634\u06cc\u0648\u0647-\u0637\u0631\u0627\u062d\u06cc-\u0648\u0628-\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\/","og_site_name":"\u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632","article_publisher":"https:\/\/www.facebook.com\/persiantools","article_published_time":"2025-03-19T08:00:40+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-scaled.jpg","type":"image\/jpeg"}],"author":"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc","twitter_card":"summary_large_image","twitter_creator":"@persiantools","twitter_site":"@persiantools","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc","\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"5 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#article","isPartOf":{"@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/"},"author":{"name":"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc","@id":"https:\/\/www.persiantools.com\/more\/#\/schema\/person\/a47f79bddf90700637b0e16ef3d6885a"},"headline":"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648","datePublished":"2025-03-19T08:00:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/"},"wordCount":26,"commentCount":0,"publisher":{"@id":"https:\/\/www.persiantools.com\/more\/#organization"},"image":{"@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#primaryimage"},"thumbnailUrl":"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-scaled.jpg","keywords":["\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0633\u0627\u06cc\u062a","\u062a\u0645\u067e\u0644\u06cc\u062a \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648","\u0637\u0631\u0627\u062d\u06cc \u0633\u0627\u06cc\u062a"],"articleSection":["\u062a\u0648\u0633\u0639\u0647 \u0648\u0628"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/","url":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/","name":"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 - \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632","isPartOf":{"@id":"https:\/\/www.persiantools.com\/more\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#primaryimage"},"image":{"@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#primaryimage"},"thumbnailUrl":"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-scaled.jpg","datePublished":"2025-03-19T08:00:40+00:00","description":"\u0627\u0645\u0631\u0648\u0632 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641\u06cc \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0627\u0632 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0648 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u062a\u0628\u0644\u062a\u200c\u0647\u0627\u060c \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f","breadcrumb":{"@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#primaryimage","url":"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-scaled.jpg","contentUrl":"https:\/\/more.persiantools.com\/2025\/01\/future-of-responsive-web-design-12grids-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.persiantools.com\/more\/article\/%d8%a8%d9%87%d8%aa%d8%b1%db%8c%d9%86-%d8%b4%db%8c%d9%88%d9%87-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%be%d8%a7%d9%86%d8%b3%db%8c%d9%88\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/www.persiantools.com\/more\/"},{"@type":"ListItem","position":2,"name":"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648"}]},{"@type":"WebSite","@id":"https:\/\/www.persiantools.com\/more\/#website","url":"https:\/\/www.persiantools.com\/more\/","name":"\u0628\u06cc\u0634\u062a\u0631 \u0628\u0627 \u067e\u0631\u0634\u06cc\u0646 \u062a\u0648\u0644\u0632","description":"\u062f\u0631\u0628\u0627\u0631\u0647 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u060c \u0633\u0631\u0648\u06cc\u0633\u0647\u0627\u06cc \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc\u060c \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0628\u062f\u0627\u0646\u06cc\u0645","publisher":{"@id":"https:\/\/www.persiantools.com\/more\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.persiantools.com\/more\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/www.persiantools.com\/more\/#organization","name":"PersianTools","url":"https:\/\/www.persiantools.com\/more\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/www.persiantools.com\/more\/#\/schema\/logo\/image\/","url":"https:\/\/more.persiantools.com\/2017\/09\/persiantools-logo-amp.png","contentUrl":"https:\/\/more.persiantools.com\/2017\/09\/persiantools-logo-amp.png","width":305,"height":60,"caption":"PersianTools"},"image":{"@id":"https:\/\/www.persiantools.com\/more\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/persiantools","https:\/\/x.com\/persiantools"]},{"@type":"Person","@id":"https:\/\/www.persiantools.com\/more\/#\/schema\/person\/a47f79bddf90700637b0e16ef3d6885a","name":"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/secure.gravatar.com\/avatar\/0605ba6fe52b6a24267323d64321a5be609b56f3fd89da6efe7a9c46979f7f88?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0605ba6fe52b6a24267323d64321a5be609b56f3fd89da6efe7a9c46979f7f88?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0605ba6fe52b6a24267323d64321a5be609b56f3fd89da6efe7a9c46979f7f88?s=96&d=mm&r=g","caption":"\u0627\u0644\u0686\u06cc\u0646 \u067e\u06cc\u0627\u0645\u06cc"}}]}},"_links":{"self":[{"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/posts\/37654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/users\/206581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/comments?post=37654"}],"version-history":[{"count":0,"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/posts\/37654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/media\/37656"}],"wp:attachment":[{"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/media?parent=37654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/categories?post=37654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.persiantools.com\/more\/wp-json\/wp\/v2\/tags?post=37654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}