مشکل سایت ریسپانسیو با ckeditor

[setareh2013]

سلام
من یک سایت رو به صورت ریسپانسیو طراحی کردم و برای موبایل و لپ تاپ طراحی های جدا انجام دادم . همه قسمت ها طراحی شده فقط مشکل در صفحاتی هست که من از لیترال استفاده کردم .
من در بخش مدیریت مثلا مدیریت خدمات از ckeditor استفاده کردم و کاربر می تونه هر تعداد عکس و متن که بخواد قرار بده . سپس این اطلاعات داخل لیترال نشون داده میشه .
مشکل اینه که وقتی عکس های کاربر بزرگ باشه ، من هر اندازه ای که به لیترال بدهم ، داخل موبایل عکس از لیترال بیرون میزنه . کسی راهی برای حل این مشکل سراغ نداره ؟
با تشکر

[meysam99]

فکر کنم بهترین راه برای شما استفاه از جاوااسکریپت باشه

[setareh2013]

به نظر شما راه دیگه ای نداره که من بتونم عکس هایی که در ckeditor درج شده رو در سایز های مختلف صفحه نمایش ، تغییر سایز بدهم ؟
با تشکر

[elahe471]

فکر کنم به کل img های داخل اون literal با css ، یه max-width از نوع درصد بدین مشکلتون حل شه

<div class="box"> <asp:Literal ID="Literal1" runat="server" >
</asp:Literal>
</div>

مثلا css هم میشه به این شکل بنویسید :

.box {
width:50%;
}
.box img
{
max-width:90% !important;
}

[setareh2013]

ممنون از شما
با این کد مشکل عرض عکس حل شد ولی ارتفاع عکس نه
چه کار کنم که ارتفاع هم متناسب با عرض عکس تغییر کنه

[elahe471]

آهان یادم رفت ، علاوه بر max-width ارتفاع auto هم باید تعریف کنید

.box img {max-width: 90% !important;
height: auto !important;
}

[setareh2013]

من سایت http://www.karbasistone.com/ رو ریسپانسیو طراحی کردم . با کدهایی که دادید مشکل تغییر سایز عکس حل شد . ولی آیفریم رو نمی تونم تغییر بدم . مثلا داخل این صفحه تماس با ما رو نگاه کنید وقتی صفحه اندازه ی موبایل کوچک میشه ، آیفریم از قاب بیرون می زنه کسی نمی تونه راهنماییم کنه ؟
آدرس صفحه تماس با ما http://www.karbasistone.com/Karbasi-Stone-CallUs.aspx

[elahe471]

به اینم Max-width:100% دادم درست شد ، تست کنید

[setareh2013]

به اینم Max-width:100% دادم درست شد ، تست کنید
سلام می بخشید به آیفرم ماکس بدهم ؟ چه طوری اینکارو بکنم ؟

[elahe471]

سلام آره به خود Iframe توی style

"style="max-width: 100%