السلام عليكم أعزائي.
إضافة إلى السؤال: سمعت أنه يوجد قوالب جاهزة متناسبة مع الهواتف الذكية، فمن أين أحصل عليها؟
يلزمك تعديل مقاسات لتتناسب مع الشاشات الصغيرة، بعبارة أخرى أن يكون الموقع متجاوب responsive، وهناك احتمال آخر لكنه غير محبذ بأن يكون هناك نسخة منفصلة للموبايل.
إن لم يكن التصميم موجوداً وتريد إنشاؤه من البداية يمكن استخدام منصات عمل تدعم التجاوبية في أساسها مثل Zurb Foundation و Twitter Bootstrap، وإن كان التصميم موجوداً فيمكن تعديله قليلاً ليصبح متجاوباً عن طريق استخدام media queries في CSS.
الامر ليس له علاقة مع asp.net
الامر يخص الفرونت اند html+css
يمكنك استعمال خاصية @media في css لتحديد حجم الشاشة لتغير طريقة ظهور الموقع
مثلا
@media (max-width: 640px){ .container{padding: 0 10px;} .feature-list{padding: 0; margin: 0 10px;} .portfolio-list li{width: 25%;} .portfolio-list figure{margin: 0;}
}
في هذا المثال عندما يكون حجم الشاشة اقل من 640 بيكسل ستتفعل هذه الخاصيات و هنا يمكنك تصغير حجم الموقع و عمل اي شيئ تريده
او يمكنك استخدام فريموورك bootstrap فهناك قوالب جاهزة يمكنك التتعديل عليها
التعليقات